vue项目中echarts自适应宽高的设置

在实际的vue项目中，遇到想让echarts能根据屏幕，或者是父组件的大小改变来自适应的改变图表的大小，那么下边我就介绍一下，如何使用vue中的自定义指令，让图标自适应

  1、首先新建一个js文件，用来自定义一个全局指令：

 2、然后在main.js中引入：

3、然后在自己使用的echarts上加入此指令！

完美！

<chart :options="options"  style="width:100%height:400px" autoresize ></chart>

添加 autoresize 属性

---