重点---自测可以--EL-DIALOG中中使用ECHARTS

1、在dialog中使用open方法

1.  
   <el-dialog
2.  
   :title=“diaTitle”
3.  
   :visible.sync=“dialogVisible”
4.  
   @open=“open()”
5.  
   >
6.  
   </el-dialog>

2、在定时函数setTimeout中执行方法

1.  
   open() {
2.  
   const t = this;
3.  
   setTimeout(() => {
4.  
   // 执行echarts画图方法
5.  
   t.drawLine();
6.  
   }, 0);
7.  
   }

3、图表宽度自适应（当设置100%无效时）

let ghdlChart = this.$echarts.init(document.getElementById(‘ghdlEchart’));

 this.$nextTick(() => {//自适应宽度

        ghdlChart.resize();

})

4、饼图直观查看标注

 

 

版权声明：本文为ANNENBERG原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/ANNENBERG/article/details/108861608