vue中引入chart.js,既不报错也没有反映
我在项目中引入chart.js,在获取数据成功之后,调用一个方法,这个方法里面初始化了chart环状图,但是页面既不报错也没有出现环状图
也引入了 import Chart from './js/Chart';
Chart.js里面 也进行了 导出export default Chart;
showImage(){
// 环状图
var data1 = [
{
value: this.chartValue1,
color: "#ffac28"
},
{
value: this.chartValue2,
color: "#1f85cc"
}
];
console.log(data1);
var ctx = document.getElementById("myChart").getContext("2d");
console.log(ctx);
new Chart(ctx).Doughnut(data1, {
percentageInnerCutout: 80
});
}
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
this.$nextTick放在这里面执行就可以了,因为点击查询后,会有新的dom元素。