能否在两个Highcharts图表上连接缩放？

Question

我在我的页面上使用了Highcharts API生成的折线图和面积图，它们支持x轴的缩放功能：

chart: {
   type: 'line',
   zoomType: 'x'
}

是否可以使缩放一个图表时，另一个图表也应用相同的缩放？反之亦然？

我在网上和API中查找，但找不到任何东西，但我觉得这应该是可能的。

- aadu

---

找到了一个看起来可以满足你需求的东西。https://dev59.com/8G7Xa4cB1Zd3GeqPs7MA - wergeld

哎呀，那看起来好啰嗦。我猜它不是API的一部分？ - aadu

不是直接的。但由于它可以通过jQuery访问，所以应该可以正常工作。 - wergeld

Answer 1

这个 fiddle 帮助解决了它：

jsfiddle.net/Gv7Tg/27/

它基本上通过自定义的方法覆盖了setExtremes方法，以将事件传播到其他图形。

 events:{
    afterSetExtremes:function(){
      ...
    }
 }

- aadu

---

Highcharts非常酷。您可以发送执行以下操作的函数： function setExtremes() { var xMin = this.chart.xAxis[0].min; var xMax = this.chart.xAxis[0].max; vm.chart1.xAxis[0].setExtremes(xMin, xMax, true); vm.chart2.xAxis[0].setExtremes(xMin, xMax, true); vm.chart3.xAxis[0].setExtremes(xMin, xMax, true); } ......额外加分：即使在跨图表平移时也支持此方式。 - phareim