在 highcharts 中工作但不在 highstock 中的工具提示答案

【问题标题】：Tooltip outside working in highcharts but not in highstock在 highcharts 中工作但不在 highstock 中的工具提示
【发布时间】：2019-02-18 06:17:35
【问题描述】：

我在 highstock 之外的工具提示方面遇到问题，但在 highcharts 中效果很好

我检查了文档，highstock 和 highcharts 的工具提示配置似乎没有区别。

请找一个 highcharts jsfiddle： https://jsfiddle.net/gv5szaeu/

相关的sn-p

Highcharts.chart('container1', {

chart: {
    type: 'column',
    borderWidth: 1
},

  tooltip: {
      outside: true,
      useHTML: true,
      formatter: function() {
       var s =  '<table><tr><td>test<br>test<br>test<br>test<br></td></tr></table>';
       s += '<br>test<br>test<br>test<br>';
       s += '<br>test<br>test<br>test<br>';
       s += '<br>test<br>test<br>test<br>';
       s += '<br>test<br>test<br>test<br>';
       s += '<br>test<br>test<br>test<br>';
       s += '<br>test<br>test<br>test<br>';
       s += '<br>test<br>test<br>test<br>';
       s += '<br>test<br>test<br>test<br>';
       s += '<br>test<br>test<br>test<br>';
       s += '<br>test<br>test<br>test<br>';
       s += '<br>test<br>test<br>test<br>';
       s += '<br>test<br>test<br>test<br>';
       return s;
       },
  },
});

还有高库存： https://jsfiddle.net/h45o2xwv/4

Highcharts.stockChart('container', {

    tooltip: {
      outside: true,
      useHTML: true,
      formatter: function() {
       var s =  '<table><tr><td>test<br>test<br>test<br>test<br></td></tr></table>';
       s += '<br>test<br>test<br>test<br>';
       s += '<br>test<br>test<br>test<br>';
       s += '<br>test<br>test<br>test<br>';
       s += '<br>test<br>test<br>test<br>';
       s += '<br>test<br>test<br>test<br>';
       s += '<br>test<br>test<br>test<br>';
       s += '<br>test<br>test<br>test<br>';
       s += '<br>test<br>test<br>test<br>';
       s += '<br>test<br>test<br>test<br>';
       s += '<br>test<br>test<br>test<br>';
       s += '<br>test<br>test<br>test<br>';
       s += '<br>test<br>test<br>test<br>';
       return s;
       },
  },
 });

预期：工具提示：外部应该在两者中都一样

实际：highstock 工具提示根本不显示； highcharts 工具提示在图表之外正确显示。

【问题讨论】：

标签： highcharts

【解决方案1】：

在 Highstock 中，split 选项默认启用，因此您需要禁用它：

tooltip: {
    split: true,
    ...
}

现场演示：https://jsfiddle.net/BlackLabel/46ywhxou/

API：https://api.highcharts.com/highstock/tooltip.split

【讨论】：

这似乎可以解决我的小例子，但我不明白为什么这会影响外部行为。在我的现实生活示例中，我有多个点，然后我手动将其与自定义格式化程序聚合。如果我转向分裂，我将无法做到这一点。尽管如此，highcharts 和 highstocks 的拆分功能的行为是相同的，所以我会接受答案
嗨，ExaSephiroth，在这里您可以在代码中找到split 不支持outside 选项的信息：github.com/highcharts/highcharts/blob/master/js/parts/…