Question

我开发了饼图如下图表V2.6.0。每当我在同一个饼图中搜索新数据时，它都能正常工作，它会在悬停时显示以前的数据。我尝试使用$('#canvas').remove();方法，但它无效。

var color = [];
var label = [];
var datas = [];
var odata = 1;

for (i = 0; i < result.length; i++) {
  label.push(result[i].label);
  color.push(result[i].color);
  datas.push(result[i].value1);
}

var config = {
  type: 'pie',
  data: {
    labels: label,
    datasets: [{
      backgroundColor: color,
      data: datas
    }]
  },
  options: {
    responsive: true,
    legend: {
      display: false
    },
    tooltips: {
      enabled: true,
    },
    onClick: graphClickEvent
  }
};

var ctx = document.getElementById("state-area").getContext("2d");
new Chart(ctx, config);

function graphClickEvent(event, array) {
  console.log(event);
  console.log(array);
}

Answer 1

我刚刚删除了之前的画布并添加了新的画布。它工作正常。

$('#state-area').remove();
 $('#graph-container').append('<canvas id="state-area" height="300" height="300" style="z-index:999999;"><canvas>');

如何删除以前的饼图并在js中添加新的饼图

1 个答案: