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

Question

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

这可能吗？

Answer 1

对于StockChart this solution不起作用：

在this example中你必须替换它：

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

到此：

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

该解决方案可用here。

Answer 2

如果你想要的是在i ^th 数据点附近的情节上触发工具提示，那么你可以使用this answer，建议做点什么

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