如何更新 ApexChart？答案

【问题标题】：How to update ApexChart?如何更新 ApexChart？
【发布时间】：2021-02-28 22:55:42
【问题描述】：

我在我的项目中使用 ng-apexcharts，但我遇到了问题。我正在尝试更新图表，我使用 updateSeries() 方法按照文档进行操作，但出现此错误：

TypeError: undefined is not an object (evalating 'this.chart.updateSeries')

更新的方法是这样的：

changeData(numberOfDays: number) {
    const zoomData = this.chartData;
    zoomData.sort( (a, b) => {
      return b.date - a.date;
    } );
    zoomData.splice(numberOfDays, zoomData.length);
    this.chart.updateSeries([{
      data: zoomData.map(el => el.close)
    }]);
}

zoomData 上的数据是：

[
   {
      "date":1614297600000,
      "close":121.260002
   },
   {
      "date":1614211200000,
      "close":120.989998
   },
   {
      "date":1614124800000,
      "close":125.349998
   }
]

我做错了什么？

谢谢

【问题讨论】：

你初始化你的对象this.chart了吗？我认为您应该在 constructor 或 ngOnInit() 中初始化该对象。

标签： javascript angular typescript apexcharts

【解决方案1】：

我已经解决了这个问题。使用ng-apexcharts时，更新应该是这样的：

public updateSeries() {
    this.chartOptions.series = [{
      data: [23, 44, 1, 22]
    }];
  }

chartOptions 是图表的初始属性集。

【讨论】：