我正在使用此代码生成Highcharts工具提示:
tooltip: {
shared: true,
crosshairs: true,
formatter: function () {
var s = '<b>' + Highcharts.dateFormat('%e. %b %Y, %H:00', this.x) + '</b>';
$.each(this.points, function (i, point) {
s += '<br/>' + point.series.name + ': ' + point.y + ' m/s';
});
return s;
}
}
它非常适合将spline用作defaultSeriesType的图表,但不适用于散点图。
请参见此小提琴http://jsfiddle.net/s83aT/中有关花键和散点的信息。
任何建议将不胜感激。提前致谢。
最佳答案
在Sebastian Bochan指出“ shared:true”是问题的一部分之后,我对此进行了更多研究,这是我发现的内容以及最终解决问题的方式。不论出于何种原因,提琴琴在问题中所涉及的都被搞砸了。
shared: true
如果图表中有多个系列,并且希望将所有系列显示在同一工具提示中,则需要。在我的情况下,这是我制作的其他情节的剩余部分,但在我最初提出的问题所在的单个系列情节中则不需要。
对于单个系列图,不应使用“ shared:true”。默认为“ shared:false”,因此根本不需要包含“ shared”。
这是我现在正在使用的格式化程序代码,它适用于所有单个系列,无论是样条曲线还是散点图:
tooltip: {
crosshairs: true,
formatter: function () {
return '<b>' + Highcharts.dateFormat('%e. %b %Y, %H:00', this.x) +
'</b> ' + this.series.name + ': ' + this.y + ' deg';
}
},
有关样条曲线和散点图的信息,请参见http://jsfiddle.net/Reality_Extractor/pNFYL/。
关于javascript - Highcharts :工具提示显示样条曲线,但不显示散点图,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/14988820/