如何在多个HighStocks图表之间连接/同步xAxis十字线

时间:2019-01-04 15:37:24

标签: javascript highcharts

我需要在多个HighStocks图表之间动态同步xAxis十字准线。

示例http://jsfiddle.net/BlackLabel/hh90ps4c/28/演示了如何在一个图表内同步控件。我将演示克隆到此http://jsfiddle.net/jakobvinther/ayf5gst2/中,并用一个表替换了两个图表。第二个图表几乎只复制了JavaScript代码。

开箱即用,两个图表中的缩放,平移和rangeSelector滑块已很好地同步(我没有更改任何代码来实现这一点)。

问题在于两个图表中的xAxis十字线未同步,它们分别在每个图表中工作。怎么办?

/* thanks */

1 个答案:

答案 0 :(得分:1)

如果图表不在一列中,则问题是鼠标事件conceptoImpuesto坐标。您可以参考该列中的第一个图表以获取所需的坐标:

x

实时演示:http://jsfiddle.net/BlackLabel/8krwuof9/