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
    });
  }
阅读 3.6k
1 个回答

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题