我在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工具提示在图表外正确显示。
在Highstock中,默认情况下启用split
选项,因此您需要禁用它:
tooltip: {
split: true,
...
}