gpt4 book ai didi

javascript - 我在哪里使用chartjs的destroy函数?

转载 作者:行者123 更新时间:2023-12-03 02:05:40 27 4
gpt4 key购买 nike

我正在使用 VueJS。

当我将鼠标悬停在图表上时,我的图表JS在两个条形图之间堆叠和跳跃时遇到问题,它会在两个不同的图表之间滑动。

我已经阅读过有关 .destroy() 内置函数的信息,但我不确定在哪里调用它。每当我尝试使用它时,它都会说我的图表未定义。这是我用来渲染图表的代码:

  var ctx = document.getElementById("month-visits-chart").getContext('2d');

myBarChart = new Chart(ctx, {
type: 'bar',
data: {
labels: dayMonth,
backgroundColor: '#FFFFFF',
backgroundColor: '#FFFFFF',
datasets: [{
label: 'Visits per day per for ' + this.monthName,
data: visits,
backgroundColor: '#CC0033',
borderColor: [
],
borderWidth: 1
}]
},
options: {
'onClick' : (evt, item) => {
var day = item[0]['_model'].label
this.selectedDay = day
this.renderHourlyBarChart();
},
title: {
display: true,
text: 'Visits per day per for ' + this.monthName
},
scales: {
yAxes: [{
ticks: {
beginAtZero:true
},
scaleLabel: {
display: true,
labelString: 'Visits'
}
}],
xAxes: [{
scaleLabel: {
display: true,
labelString: 'Day'
}
}]
}
}
});
},

我应该在哪里使用 .destroy() 函数以使其不会返回未定义的结果?

最佳答案

当您更改下拉框中的选择时,您应该对 myBarChart 变量调用 .destroy()

关于javascript - 我在哪里使用chartjs的destroy函数?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49818711/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com