饼图未更新

时间:2018-10-05 06:49:29

标签: chart.js

我的饼图行为异常。数据更新后,图表不会更新。但是,当我尝试调整浏览器的大小时,它只会显示出来。下面是我的配置以及更新方式。

此外,我在加载开始时得到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();
}

0 个答案:

没有答案