Javascript Highcharts数据标签通过图表功能为图表上的一个系列和一个点启用
气泡图上的一点,我想为其启用dataLabels。这是我系列中的最高值。在我的图表代码的末尾,我有一个用于处理某些点状态的函数,但是数据标签不起作用,而且我似乎找不到一个如何打开它的示例Javascript Highcharts数据标签通过图表功能为图表上的一个系列和一个点启用,javascript,highcharts,Javascript,Highcharts,气泡图上的一点,我想为其启用dataLabels。这是我系列中的最高值。在我的图表代码的末尾,我有一个用于处理某些点状态的函数,但是数据标签不起作用,而且我似乎找不到一个如何打开它的示例 function(chart) { chart.series[0].data[1].setState('select'); chart.series[0].data[1].dataLabels().enabled = true; } 所以第一个有效(setState),没有问题(所以我知道我很接近),
function(chart) {
chart.series[0].data[1].setState('select');
chart.series[0].data[1].dataLabels().enabled = true;
}
所以第一个有效(setState),没有问题(所以我知道我很接近),但第二个无效
仅供参考,系列和数据点永远不会从系列0和数据点1更改。所以这次我不需要一个可重用的修复程序。您不必使用回调函数来完成此操作。相反,您只需要为特定系列定义
series.dataLabels.formatter
函数。我准备了一个示例,其中formatter
函数只返回序列中最高值的数据标签。代码如下:
series: [{
name: 'Series 1',
data: [43934, 52503, 57177, 69658, 97031, 119931, 137133, 154175],
dataLabels: {
enabled: true,
formatter: function() {
var highest = Math.max.apply(null, this.series.yData)
return this.y === highest ? highest : ''
}
}
}
您可以在此示例中看到它是如何工作的:
API参考: