工作提示在highcharts外工作但不在highstock中

问题描述 投票:0回答:1

我在highstock中遇到了工具提示的问题,但它在highcharts中运行得非常好

我查看了文档,对于highstock和highcharts,工具提示的配置似乎没有区别。

请找一个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;
       },
  },
});

和highstock: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工具提示在图表外正确显示。

highcharts
1个回答
1
投票

在Highstock中,默认情况下启用split选项,因此您需要禁用它:

tooltip: {
    split: true,
    ...
}

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

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

© www.soinside.com 2019 - 2024. All rights reserved.