使用高图表保存范围选择器的"从到"字段中的值



我想使用HighChart的rangeSelector从'和'到'字段中保存日期值。我的图表。我读过此线程,但不知道如何使用getExtreme((..

我是Angular的新手,并首次使用图表。我将非常感谢您的支持。

getExtremes()方法可以在Xaxis实例上调用,以从图表中获取当前的minmax。它可以在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

最新更新