环境:vue中使用Echarts图表需要做单图表自适应屏幕 多图表自适应屏幕
在main.js文件中直接引用echarts图表 我把resize方法直接挂载在vue的prototype上面:
在所有的组件中都可以直接使用this.$echartsResize()是最直接简单方便了:
home.vue:
多图表自适应屏幕,就写多少个this.$echartsResize()就好了,里面的参数如上图。图中的this.$refs.Treemap 使用了vue的绑定元素的$refs的写法,也可以使用原生写法document.getElementById("id")。