如何调用另一个函数来更改 Highcharts 股票中的时间范围选择器和日期选择器？答案

【问题标题】：How to call another function on changing the time range selector and date selector in Highcharts stock?如何调用另一个函数来更改 Highcharts 股票中的时间范围选择器和日期选择器？
【发布时间】：2021-02-15 15:58:49
【问题描述】：

我正在使用股票 Highcharts，其中有一个时间范围选择器和日期选择器。我想在时间范围选择器和日期选择器的更改上调用另一个函数。我该怎么做？

这是 Highchart 的股票代码：

    Highcharts.stockChart("config", {
  chart: {
    alignTicks: false
  },

  rangeSelector: {
    selected: 1
  },

  title: {
    text: "Summary"
  },

  series: series
});

};

图片如下：

我已经在上图中指出了时间范围选择器和从 - 到日期选择器

【问题讨论】：

标签： javascript reactjs highcharts react-highcharts

【解决方案1】：

根据您的需要使用setExtremes 或afterSetExtremes 事件回调函数：

    xAxis: {
        events: {
            setExtremes: function(e) {
                ...
            },
            afterSetExtremes: function(e) {
                ...
            }
        }
    }

现场演示： http://jsfiddle.net/BlackLabel/j0acLf8v/

API 参考：

https://api.highcharts.com/highstock/xAxis.events.setExtremes

https://api.highcharts.com/highstock/xAxis.events.afterSetExtremes

【讨论】：

嗨@shalu j，我刚刚测试了它，它可以工作。
我不知道，它不适合我。但是感谢您的回答，不知怎的，我找到了在 setExtremes 中使用回调的方法。