我有一个 spfx webpart,它根据属性窗格中选择的列表显示图表视图。我可以生成图表,但是在更改列表时,第二个图表数据显示悬停时的上一个图表数据。下面的代码是 .tsx 文件中的渲染方法
<ChartControl
type={ChartType.Bar}
data promise={this._data()}
options={{
legend: {
display: true,
position: "right",
},
title: {
display: true,
text: "My Chart Data"
},
}} />
_data() 方法如下所示,
let Chart:Chart;
Chart.ChartData = {
labels: ['Income','Expense','Debt','Savings'],
datasets: [{
label: 'Archive',
data: [10,13,20,90]
}]
};
我试图实施,
Chart.destroy()/Chart.clear()
但不工作。它显示错误并被拒绝说图表未定义。
在这种情况下如何在加载下一个列表时清除旧数据。