vue中引入chart.js,既不报错也没有反映

发布于 2022-09-04 17:40:15 字数 610 浏览 19 评论 0

我在项目中引入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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

纸伞微斜 2022-09-11 17:40:15

this.$nextTick放在这里面执行就可以了,因为点击查询后,会有新的dom元素。

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文