在StockChart中以编程方式显示柱形图的工具提示(高图)

Question

我有一个Highstock图表(带有标记和阴影的线条),并希望以编程方式显示一个highstock工具提示,例如,当我选择某个表格上的一行(包含图表数据)时,我想显示相应的highstock提示.

那可能吗？

Answer 1

对于StockChart,此解决方案不起作用:

在此示例中,您必须替换此:

chart.tooltip.refresh(chart.series[0].data[i]);

对此:

chart.tooltip.refresh([chart.series[0].points[i]]);

解决方案可在此处获得.

Answer 2

如果你想要的是触发提示对剧情近i^个数据点，然后probaly你可以使用这个答案，这表明像做

chart.series[0].data[i].setState('hover');

chart你的结果在哪里new Highcharts.Chart？（jsfiddle从评论到答案）。

我想，如果您想<tr>点击一下，那么您的js最终看起来像这样

var chart = new Highcharts.Chart({ <your options> });
$('#yourTableId tr').click(function(){
   var i = $(this).index(); // `this` points to <tr>, get its index
   chart.series[0].data[i].setState('hover');
});