echarts如何实现宽度自适应

我是这样做的，直接给echart的div设置宽度。

<div id="chartContainer" style="width: 100% min-height: 550px"></div>

有更好的方法麻烦分享。

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

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

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

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

完美！

---