angular – 动态更新的ng2图表

发布时间：2020-12-17 18:00:56 所属栏目：安全来源：网络整理

导读：是否可以动态更新ng2图表中的任何图表？我知道还有其他库像angular2-highcharts,但我想用ng2-charts来处理它.主要问题是如何在按钮点击后重绘图表？我可以调整窗口大小并更新数据,因此必须手动执行此操作. https://plnkr.co/edit/fXQTIjONhzeMDYmAWTe1?p=pre

是否可以动态更新ng2图表中的任何图表？我知道还有其他库像angular2-highcharts,但我想用ng2-charts来处理它.主要问题是如何在按钮点击后重绘图表？我可以调整窗口大小并更新数据,因此必须手动执行此操作.

https://plnkr.co/edit/fXQTIjONhzeMDYmAWTe1?p=preview

解决方法

一个好方法是抓住图表本身,以便使用API??重绘它：

export class MyClass {
 @ViewChild( BaseChartDirective ) chart: BaseChartDirective;

  private updateChart(){
   this.chart.ngOnChanges({});
  }

}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!