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

我需要在多个HighStocks图表上动态同步xAxis十字光标

该示例演示如何同步一个图表中的控件。我将这个演示克隆到这个…并用一个表和两个图表替换了一个图表。第二个图表的JavaScript代码几乎是重复的

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

问题是两个图表中的xAxis十字光标不同步，它们分别在每个图表中工作。如何做到这一点

/* thanks */

---

如果图表不在一列中，则问题在于鼠标事件x坐标。您可以参考列中的第一个图表以获得所需的坐标：

$('#container1').bind('mousemove touchmove touchstart', function(e) {
    var chart,
        point,
        i,
        event;

    for (i = 0; i < Highcharts.charts.length; i = i + 1) {
        chart = Highcharts.charts[i];
        // Find coordinates within the chart
        event = Highcharts.charts[0].pointer.normalize(e);
        // Get the hovered point
        point = chart.series[0].searchPoint(event, true);

        if (point) {
            point.highlight(e);
        }
    }
});

---

现场演示：

谢谢！正是我需要的。