Question

我在highstock中遇到了外部工具提示的问题，但是在highcharts中工作得很好

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

请找到一个高图jsfiddle： https://jsfiddle.net/gv5szaeu/

相关代码段

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;
       },
  },
 });

预期：工具提示：外部在两者中均应相同

实际：完全不显示高库存工具提示； highcharts工具提示正确显示在图表外部。

Answer 1

在Highstock中，默认情况下启用了split选项，因此您需要将其禁用：

tooltip: {
    split: true,
    ...
}

实时演示：https://jsfiddle.net/BlackLabel/46ywhxou/

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

工具提示无法在高级图表中工作，而不能在高级库存中工作

1 个答案: