bootstrap chart 清空数据,重新赋值

[彭十一。]

function chartHourload(chartdata) {
//我想这样直接给他删掉 创建一个 结果会出现如下图错误,大致意思就是:Uncaught TypeError: Cannot read property 'currentStyle' of null
$('#chart-hour').remove();
$('#ChartHour').append('<canvas id="chart-hour"></canvas>');
//然后我又换用了一个$('#chart-hour').removeData();但是这种情况下 图会出现两个叠加
$('#chart-hour').remove();
var chartHourConfig = {
type: 'bar',
data: {
labels: chartdata.Labels,
datasets: [{
data: chartdata.Data,
backgroundColor: chartColors.orange
}]
},
options: {
legend: {
display: false,
},
tooltips: {
mode: 'index',
intersect: false
},
scales: {
xAxes: [{
stacked: true
}],
yAxes: [{
stacked: true
}]
}
}
};
var hourChart = new Chart(document.getElementById("chart-hour").getContext("2d"), chartHourConfig);
}


请问怎么解决这种问题

[囧]

$('#chart-hour').remove(); 把这句删除

[彭十一。]

引用 1 楼 Free_Wind22 的回复:

$('#chart-hour').remove(); 把这句删除

不能放动图,这样就和我上面说的一样,当我鼠标移到图上 就会出现两个不一样数据的图切换.我截两个单个的吧


大概就是我移到图上就会出现两个图切换

[囧]

var hourChart = null;
function chartHourload(chartdata) {
    if(hourChart) hourChart.destroy();
    ...
    hourChart = new Chart(document.getElementById("chart-hour").getContext("2d"), chartHourConfig);
}

用chart的destroy清除

[彭十一。]

引用 3 楼 Free_Wind22 的回复:

var hourChart = null;
function chartHourload(chartdata) {
    if(hourChart) hourChart.destroy();
    ...
    hourChart = new Chart(document.getElementById("chart-hour").getContext("2d"), chartHourConfig);
}

用chart的destroy清除

Nice,解决了......我都已经用死办法创建多个VID放多个图表切换