我有一个spfx Web部件,它显示一个基于属性窗格中选择的列表的图表视图。我可以生成图表,但在更改列表时,第二个图表数据显示了悬停状态下的前一个图表数据。下面的代码是在.tsx文件中的render方法上
<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()
但不起作用。它显示错误,并被拒绝说图表是未定义的。
如何清除旧数据,同时加载下一个列表。
@starter-代码
this.state = {
data: {
labels:
[
'January', 'February', 'March', 'April', 'May', 'June', 'July'
],
datasets:
[{
label: 'My Second Dataset',
data:
[
65, 59, 80, 81, 56, 55, 40
]
}]
}
};