vue中怎么利用echarts3.0实现自适应，相信很多没有经验的人对此束手无策，为此本文总结了问题出现的原因和解决方法，通过这篇文章希望你能解决这个问题。
在叶城等地区，都构建了全面的区域性战略布局，加强发展的系统性、市场前瞻性、产品创新能力，以专注、极致的服务理念，为客户提供成都网站制作、做网站、
外贸营销网站建设 网站设计制作按需开发,公司网站建设,企业网站建设,
品牌网站建设,
全网营销推广,成都外贸网站制作,叶城网站建设费用合理。
第一种：浏览器自适应
通过：
在myChart.setOption后添加
window.onresize = myChart.resize;
如果有多个图形，可以封装成方法：
mounted(){
this.changEcharts();
},
methods:{
changEcharts() {
window.addEventListener('resize', ()=> {
this.drawLineDom.resize();
this.todayFlowDom.resize();
this.hitRateDom.resize();});};},}
this.drawLineDom = this.$echarts.init(document.getElementById('chart-bandwidth'));第二种情况，根据div大小的变化进行自适应
因为vue不能实时监测div大小变化的，所以我定义了一个按键，当按键的值变化的时候，进行resize；
import { mapState }from'vuex';
computed: mapState({isCollapse:'isCollapse',//这里我是语用的vuex保存的变量，可以不用vuex，我是因为组件之间的通讯}),
watch: {
isCollapse() { // 注意一定不要用箭头函数，会获取不到this
setTimeout(() => {
this.drawLineDom.resize();
this.todayFlowDom.resize();
this.hitRateDom.resize();
}, 500);},},看完上述内容，你们掌握vue中怎么利用echarts3.0实现自适应的方法了吗？如果还想学到更多技能或想了解更多相关内容，欢迎关注创新互联成都网站设计公司行业资讯频道，感谢各位的阅读！
另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。
分享标题：vue中怎么利用echarts3.0实现自适应-创新互联
网页网址：
http://cdkjz.cn/article/ghhdo.html
