在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 ^个数据点附近的图上触发工具提示，那么您可以使用这个答案 ，这表明可以做类似的事情

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