highcharts 3.0.7中带有线图和散点图的图表中的工具提示

highcharts 3.0.7中带有线图和散点图的图表中的工具提示,highcharts,Highcharts,在highcharts的旧版本中,您可以拥有一个同时具有线条图和散点图的图表,并将它们组合到相同的工具提示中,如下所示: 在highchart 3.0.7中,这不再有效。从下面的工具提示中可以看出,wind dir不显示。Win dir为散点图,其他为面积样条线: 工具提示代码: tooltip: { crosshairs: true, shared: true, formatter: function() { var s = '<b>' + Highcha

在highcharts的旧版本中,您可以拥有一个同时具有线条图和散点图的图表,并将它们组合到相同的工具提示中,如下所示:

在highchart 3.0.7中,这不再有效。从下面的工具提示中可以看出,wind dir不显示。Win dir为散点图,其他为面积样条线:

工具提示代码:

tooltip: {
crosshairs: true,
shared: true,
   formatter: function() {
        var s = '<b>' + Highcharts.dateFormat('%H%M %p %a %b %e', this.x) + '</b>';
        $.each(this.points, function(i, point) {
             s += '<br/>' + point.series.name + ': ' + point.y + (this.series.name == 'Wind Dir' ? ' degrees' : ' mph');
        });
        return s;

   }
}
工具提示:{
十字准星:没错,
分享:是的,
格式化程序:函数(){
var s=''+Highcharts.dateFormat('%H%M%p%a%b%e',this.x)+'';
$.each(this.points,function(i,point){
s+='
'+point.series.name+':'+point.y+(this.series.name=='Wind Dir'?'degrees':'mph'); }); 返回s; } }
请参阅完整的示例


如何使3.0.7中的工具提示的行为与2.2中的一样?

一个简单的解决方法是将散点图更改为线图,并将线宽设置为0,并为线图启用标记。这样,它看起来就像示例中的散点图,但支持tooltip.shared


编辑:请注意,实际属性是camelCase:
线宽:0

在我的示例中,我正在寻找类似的内容,但有一些更改:

  • 共享相同的
    yAxis
    (列和错误性质大致相同)
  • 没有列的
    errorbar
    边距(但需要保留点的边距)
  • 使用
    散点
    代替
    样条曲线
    (因为y不随时间连接)
所以,从一开始,我就提出了同样的想法


深入研究这个问题,我发现如下:

具有有序数据的系列类型的工具提示文本(不是饼图, 散点、旗帜等)将显示在单个气泡中

因此,期望
scatter
选项共享工具提示是没有意义的


作为解决方案,我提出了与OP完全相同的解决方案


将类型设置为
spline
(即使它一开始没有多大意义),并通过将
lineWidth:0
设置为类似于
散点图的方式删除该行,因此它类似于有序散点图,如图所示。

我打开了您的示例,在工具提示中我看到了所有系列,有什么问题吗?如果您注释掉2.2版并取消注释3.0.7版,您将看到:它自~2.3.5版以来已更改,不再受支持,抱歉。我只是想解释一下,我正要把它作为一个新的回答问题发布,这时我发现了那个现有的问题。所以,我决定把它放在这里,即使有所有的相似之处,也可以帮助在搜索引擎上为这个页面建立索引,因为我在试图找到答案时没有找到答案。