乐闻世界logo
搜索文章和话题

如何禁用 Highcharts 中的标题和副标题?

4 个月前提问
3 个月前修改
浏览次数21

1个答案

1

在 Highcharts 中,要禁用图表的标题(title)和副标题(subtitle),您可以在图表配置中将它们设置为空字符串或使用 text: null 来确保不显示标题或副标题。

示例代码:

javascript
Highcharts.chart('container', { chart: { type: 'line' }, title: { text: null // 禁用主标题 }, subtitle: { text: null // 禁用副标题 }, xAxis: { categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'] }, yAxis: { title: { text: 'Temperature (°C)' } }, plotOptions: { line: { dataLabels: { enabled: true }, enableMouseTracking: false } }, series: [{ name: 'Tokyo', data: [7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6] }, { name: 'London', data: [3.9, 4.2, 5.7, 8.5, 11.9, 15.2, 17.0, 16.6, 14.2, 10.3, 6.6, 4.8] }] });

在这个例子中,我设置了 titlesubtitletext 属性为 null。这表示这两个部分将不会在图表中显示,从而有效地“禁用”了这些部分。这样做可以使图表看起来更简洁,特别是当标题不添加额外信息或者在页面的其他位置已有足够的描述时。

2024年6月29日 12:07 回复

你的答案