highcharts 在多个图表之间同步缩放

k4emjkb1 于 2022-11-10 发布在 Highcharts

关注(0)|答案(1)|浏览(191)

在下面的小提琴中，我如何同步所有三个图表的x轴缩放？谢谢。
小提琴：https://jsfiddle.net/mbfhqsLx/62/

function syncZoom(target, e) {
        var chart = $(target).highcharts(),
            min, max;
        min = e.min === null ? e.dataMin : e.min;
        max = e.min === null ? e.dataMax : e.max;
        syncing = true;
        chart.xAxis[0].setExtremes(min, max);
        syncing = false;          
}

highcharts

来源：https://stackoverflow.com/questions/74166014/synchronize-zoom-between-multiple-charts

1条答案

按热度按时间

gmol16391#

You can use afterSetExtremes() to implement synchronized zoom:

xAxis: {
    events: {
      afterSetExtremes: function(event) {
        Highcharts.charts.forEach(chart => {
          chart.xAxis[0].setExtremes(event.min, event.max);
        })
      }
    }
  }

Demo:https://jsfiddle.net/BlackLabel/w5890cen/
API Reference:https://api.highcharts.com/highcharts/xAxis.events.afterSetExtremes

赞(0）回复(0）举报 2022-11-10

我来回答

highcharts 在多个图表之间同步缩放

1条答案

相关问题

热门标签

最新问答