Question

我想完全更新堆栈条形图，但是现在图表还没有完全更新，它只是向现有图表中添加新数据。这是演示

Answer 1

您仅在更新苹果。以这种格式添加其他水果。

update() {
    this.drawChart(
      [
        {
          name: "apple",
          data: [34, 56, 76, 99],
          color: "#236bb4",
          type: "bar"
        },
        {
          name: "banana",
          data: [34, 56, 76, 99],
          color: "#ff6bc6",
          type: "bar"
        },
        {
          name: "mango",
          data: [34, 56, 76, 99],
          color: "#006bf1",
          type: "bar"
        }
      ],
      ["Mueed", "Ali", "Ahmed", "Amir"]
    );
  }
}

Answer 2

在使用高图表角包装器时更新图表应通过更改chartOptions来执行。
在下面的演示中，您可能会找到推荐的更新图表的方法。
如果出于某种原因对您来说至关重要的是销毁然后重新渲染，请首先使用destroy方法，以创建对该图表的引用。
但是我认为，当您要将其他数据放入图表（更新）时，则无需使用它。

API： https://api.highcharts.com/class-reference/Highcharts.Chart#destroy
实时演示： https://stackblitz.com/edit/highcharts-angular-optimal-way-to-update-ocbghf

堆栈条形图未更新高图角度

2 个答案: