Javascript Highstock工具提示格式化程序(如果使用拆分):true
当我对工具提示使用split:true时,如何编辑工具提示值 我举了一个例子,说明如果我使用默认的tooltip.formatter,我会得到什么Javascript Highstock工具提示格式化程序(如果使用拆分):true,javascript,highcharts,highstock,Javascript,Highcharts,Highstock,当我对工具提示使用split:true时,如何编辑工具提示值 我举了一个例子,说明如果我使用默认的tooltip.formatter,我会得到什么 split: true, formatter: function () { return 'The value for <b>' + this.x + '</b> is <b>' + this.y + '</b>'; } split:true, 格式化程序:函数(){ 返回“+this.x+”
split: true,
formatter: function () {
return 'The value for <b>' + this.x + '</b> is <b>' + this.y + '</b>';
}
split:true,
格式化程序:函数(){
返回“+this.x+”的值为“+this.y+”;
}
我只得到了序列名称的第一个字母,但我想查看点数据您需要迭代格式化程序函数返回的点数组 我用叉子叉你的小提琴使它工作: 现在,您可以访问列名和每个系列的
x
和y
值
编辑:
以下是一个没有jQuery的版本:
编辑2:
以下是没有jQuery的初始小提琴的最终工作版本:
工作原理:
当在工具提示中启用拆分时,您可以对其进行格式化,但它采用类似['列名/标签','点1','点2','点n+1',…]的数组。
您可以在数组中设置一些HTML来格式化不同的工具提示内容(就像我在…
中所做的那样)
然后,格式化程序必须将包含格式化内容的最终数组返回到每个工具提示
formatter: function() {
var s = [];
s.push(this.x);
this.points.forEach(function(point) {
s.push('<b>' + point.series.name + '</b>: ' + point.y);
});
return s;
},
split: true
格式化程序:函数(){
var s=[];
s、 推(这个.x);
this.points.forEach(函数(点){
s、 推送(''+point.series.name+'':''+point.y);
});
返回s;
},
分裂:对
您期望的结果是什么我想在工具提示上看到真实数据检查此功能不使用拆分我知道它在不使用拆分的情况下工作,但我需要拆分您使用的是共享,但我需要不使用共享的拆分选项。拆分显示每个点的工具提示不是在一个工具提示中,而是在每个点附近。此链接上的相同结果=(@annhilus查看编辑2;)谢谢!它起作用了!