前端放入div如下
<div id="container" :style="{ height: height, width: width }" />

VueJScode
async Bind() {
      await Get_Pou_ByHour(this.listQuery.intime,"count").then(res=>{
          let chartdom = document.getElementById('container');
          this.echarts_img(res.cols,res.data).then(option=>{
            var myChart = echarts.init(chartdom);
              if (option && typeof option === 'object') {
                myChart.setOption(option);
              }
          })
      });
      
    },
    echarts_img(cols,data){
      //放option变量外面的charts图代码即可
      var option = {
             //放option里面的charts图代码即可
      };
      
      return Promise.resolve(option);
    }

• 本文标题： Vue中实现Echarts
• 文章分类：【VueJS】
• 非特殊说明，本文版权归【胡同里的砖头】个人博客 所有，转载请注明出处.

• 上一篇：ECharts图如何实现坐标单击事件
• 下一篇： WPF下面如何使用MahApps.Metro UI库