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

Question

我开发的饼图如下chartjs 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>');