我想将多个数据放入1个工具提示中。共享是错误的,这是正确的。一行仅应显示其自身的值。
series: [
{
name: 'Installation',
data: [43934, 52503, 57177, 69658, 97031, 119931, 137133, 154175, 43934, 52503, 57177, 69658, 97031, 119931, 137133, 154175],
data2: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16],
data3: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16],
},
{
name: 'Other',
data: [12908, 5948, 8105, 11248, 8989, 11816, 18274, 18111, 12908, 5948, 8105, 11248, 8989, 11816, 18274],
data2: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16],
data3: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16],
},
]
在上面的代码中,我想从查询中添加第二个和第三个数据。
tooltip: {
pointFormat: '{series.name}: <b>{point.y}</b><br/> Second: {point.data2} <br> Third: {point.data3}',
},
如何将这些“ point.data2”和“ point.data3”值添加到工具提示中?我得到null作为回报。
提前致谢。
最佳答案
如果是图表,则应该能够使用pointFormatter代替pointFormat,并且在pointFormatter内部获取第二个和第三个数据。
http://api.highcharts.com/highcharts/tooltip.pointFormatter
tooltip: {
pointFormatter: function() {
console.log(this)
var string = this.series.name + ': ' + this.y + '<br>';
string += 'Second: ' + this.series.options.data2[this.index] + '<br>';
string += 'Third: ' + this.series.options.data3[this.index];
return string;
}
},
您可以在下面的链接中找到带有pointFormatter的图表示例:
http://jsfiddle.net/km8bovdz/