Syncfusion图表角度答案

【问题标题】：Syncfusion Chart angularSyncfusion图表角度
【发布时间】：2020-01-17 06:38:26
【问题描述】：

Syncfusion 图表（ejs-chart）

我正在使用 syncfusion ejs-chart 绘制两个图表。我想清除图表并用其他数据重新绘制。我可以从图表中删除数据，但无法完全删除。

【问题讨论】：

您是否尝试更改数据源？它将重新绘制图表。
是的。数据源和我想要的完全一样。但它没有从图表中清除以前的数据。
我不确定你在尝试哪个图表，我创建了一个简单的示例来更改数据源stackblitz.com/edit/…
谢谢。我正在使用 ejs-chart 进行排水图表。我的要求是，在您的示例中，当我单击更改按钮时，我也想从图表和调色板中删除英格兰。因此，图表和调色板中应该只有一个。
你想在外部实现这个功能吗？单击图例将给出相同的结果。尝试点击图表下方的“英格兰”图例。

标签： angular syncfusion ejs-chart

【解决方案1】：

我们建议您使用图表销毁方法，来销毁图表元素。我们已根据您的要求准备样品。请检查以下代码 sn-p 和示例。

代码片段

export class AppComponent { 
public mode(e: Event): void { 
     this.chart.destroy(); 
} 
public mode1(e: Event): void { 
      this.chart.series[0].dataSource = this.newData; 
      this.chart.refresh(); 
} 
}

截图

破坏图
重绘图表

示例 https://stackblitz.com/edit/angular-3ydeus-ndxun2?file=app.component.ts

【讨论】：