图表中的工具提示，包含高图3.0.7中的线和散点图

Question

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

在highchart 3.0.7中，这不再适用。如下面的工具提示中所示，不显示风向。 Win dir是一个散点图，其他的是areapline：

工具提示代码：

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;

   }
}

请参阅完整示例here。

3.0.7中的工具提示如何在2.2中表现得像？

Answer 1

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

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

Answer 2

就我而言，我一直在寻找像error bar chart这样的东西，但有一些变化：

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

所以，从Highcharts' error bar fiddle开始，我提出了相同的broken tooltip fiddle for my case。

---

根据问题，我发现按照Highcharts' shared tooltips documentation：

  

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

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

---

作为解决方案，我提出了相同的OP解决方案。

将类型设置为spline（即使它起初没有多大意义）并通过将lineWidth: 0设置为scatter图来删除该行，因此模拟它类似有序散点图的内容，如working fiddle所示。