Javascript 是否可以连接两个Highcharts图形上的缩放?

Javascript 是否可以连接两个Highcharts图形上的缩放?,javascript,jquery,highcharts,Javascript,Jquery,Highcharts,我的页面上有Highcharts API中的线条图和面积图,可以进行x缩放,如下所示: chart: { type: 'line', zoomType: 'x' } 如果我放大一个图形,它会对另一个图形应用相同的缩放,是否可以这样做?反之亦然 我在网上和API中都找到了,但我觉得这应该是可能的 这把小提琴帮助我们找到了答案: 它基本上用一个自定义方法覆盖setextrems方法,以将事件传播到其他图形 events:{ afterSetExtremes:function

我的页面上有Highcharts API中的线条图和面积图,可以进行x缩放,如下所示:

chart: {
   type: 'line',
   zoomType: 'x'
}
如果我放大一个图形,它会对另一个图形应用相同的缩放,是否可以这样做?反之亦然


我在网上和API中都找到了,但我觉得这应该是可能的

这把小提琴帮助我们找到了答案:

它基本上用一个自定义方法覆盖
setextrems
方法,以将事件传播到其他图形

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

找到这个似乎可以做你想做的事。哎呀,那看起来很冗长。所以我认为它不是API的一部分?不是直接的。但是由于它可以通过jQuery访问,所以应该可以正常工作。您可以发送一个函数来执行以下操作:
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);}
…增加了额外的好处:以这种方式甚至支持平移accross图表。