Я разработал круговые диаграммы следующим образом: 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);
}