使用高位图表从RangeSelector的'从''到'字段中保存值

Question

我想使用Highchart的RangeSelector从“从”和“到”字段中保存日期值。 my chart。我已经读过this线程，但不知道如何\在哪里使用getExtreme（）。

我是第一次接触角度图并使用图表。我将非常感谢您的支持。

Answer 1

可以在xAxis实例上调用

getExtremes()方法，以从图表中获取当前的min和max。可以在xAxis.events.afterSetExtremes回调中使用它，以便捕获图表极值中的所有更改。请查看下面发布的示例，其中包含我鼓励您使用的highcharts-angular官方包装（可以在此处下载：https://github.com/highcharts/highcharts-angular）

代码：

   xAxis: {
      events: {
        afterSetExtremes: (function(self) {
          return function() {
            const chart = this.chart;

            self.rangeSelectorFrom = chart.xAxis[0].getExtremes().min;
            self.rangeSelectorTo = chart.xAxis[0].getExtremes().max;
          };
        })(this)
      }
    }

演示：

• https://codesandbox.io/s/angular-0fw7q

API参考：

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