vue中使用chart.js,有一个tab栏动态切换不同的折线图,当鼠标在图表上滑动会切换到之前的图表,是怎么回事
drawLine () {
let wrapper = null
if (this.tabindex == 1) {
wrapper = document.querySelector("#signChart1").getContext("2d");
} else if (this.tabindex == 2) {
wrapper = document.querySelector("#signChart2").getContext("2d");
} else if (this.tabindex == 3) {
wrapper = document.querySelector("#signChart3").getContext("2d");
} else {
wrapper = document.querySelector("#signChart4").getContext("2d");
}
console.log(wrapper)
let options = {
type: "line",
data: {
labels: this.chart.labels,
datasets: this.chart.data
},
options: {
scales: {
yAxes: [
{
ticks: this.chart.ticks
}
]
}
}
};
this.chartLine = new Chart(wrapper, options);
this.chartLine.update();
},
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论