我的饼图行为异常。数据更新后,图表不会更新。但是,当我尝试调整浏览器的大小时,它只会显示出来。下面是我的配置以及更新方式。
此外,我在加载开始时得到core.js:1449 ERROR TypeError: Cannot read property 'transition' of null
,这破坏了我拥有的所有其他图表的动画。即使我在此饼图中添加了options.animation.animateRotate:false和options.animation.duration:0,该图仍未显示。
config = {
type: 'pie',
data: {
datasets: [{
data: [],
backgroundColor: []
}],
labels: []
},
}
chart;
constructor() {
this.chart = new Chart('mychart', this.config);
}
onUpdate(data) {
this.config.data.labels = [];
this.config.data.datasets = [];
const dataset = [];
const datacolor = [];
data.forEach(d => {
this.config.data.labels.push(d[0]);
dataset.push(d[1]);
datacolor.push(d[2]);
});
this.config.data.datasets.push({data: dataset, backgroundColor: datacolor});
this.chart.update();
}