2

在旧版本的 highcharts 中，您可以拥有一个包含折线图和散点图的图表，并将它们组合到同一个工具提示中，如下所示：

在此处输入图像描述

在 highchart 3.0.7 中，这不再有效。从下面的工具提示中可以看出，wind dir 不显示。Win dir 是散点图，其他是arespline：

在此处输入图像描述

工具提示代码：

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;

   }
}

在此处查看完整示例。

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

4

2 回答 2

2

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

编辑：请注意，实际属性是 camelCase：lineWidth: 0

于 2013-11-08T20:24:57.013 回答
1

就我而言，我正在寻找类似error bar chart的东西，但有一些变化：

  • 共享相同yAxis（列和错误的性质大致相同）
  • 列没有errorbar边距（但需要为点保留它们）
  • 使用 ofscatter而不是spline（因为 y 没有通过时间连接）

因此，从Highcharts 的错误栏小提琴中，我为我的案例想出了同样损坏的工具提示小提琴。

挖掘问题，我发现根据Highcharts 的共享工具提示文档：

具有有序数据（不是饼图、散点图、标志等）的系列类型的工具提示文本将显示在单个气泡中。

scatter因此，期望该选项的共享工具提示确实没有意义。

作为解决方案，我想出了完全相同的 OP 解决方案。

将类型设置为spline（即使一开始并没有多大意义）并通过设置lineWidth: 0为显示为图来删除线scatter，因此它被模拟为类似于有序散点图的东西，如this working fiddle所示。

于 2014-12-18T17:24:56.810 回答