angular-highcharts update 图表

之前一直是重新new 一个Chart,最近文档看到更加标准的写法,记录下

update用法

public chart: Chart;

this.chart.ref$.subscribe(chart => {
            chart.update({
              series: [{
                data: JSON.parse(JSON.stringify(this.chartStr.series[0].data)),
                nodes: JSON.parse(JSON.stringify(this.chartStr.series[0].nodes))
              }]
            }, true, false, false);
          });

这里update的三个boolean参数,第一个是是否重绘,如果为false,就需要手动调用redraw,第二个代表update内部参数是否是一对一的,如果为false,只会更新列出的数据,没有的话不会修改或者和覆盖.如果为true,相当于直接覆盖列出的属性

或者是手动修改某个属性,然后调用redraw,一下就是清空跟着chart的数据
remove用法

  this.chart.ref$.subscribe(res => {
  		 for (let i = res.series.length - 1; i >= 1; i--) {
            // decrease as res.series.length changes with .remove called
            res.series[i].remove(false);
          }
          res.redraw();
        });