echarts莫名缩小,并且宽度不能更改,生成时默认宽度

来源:互联网 发布:java热血征途2008安卓 编辑:程序博客网 时间:2024/06/05 20:05

遇到问题的时候,百度了一些,没找到解决方法,知乎上有同样的问题,但是解决方法不适用,最后在前端老哥的帮助下解决了问题。

先贴一些问题图:
正常情况
这里写图片描述

加了div隐藏后
这里写图片描述

我出现这个问题的原因是,echarts初始化的顺序在div隐藏之后,所以当echarts初始化时找不到div,只能将echarts设置为默认值

    //echarts初始化    window.myLine = echarts.init(document.getElementById('line-chartOne'));    window.myLine2 = echarts.init(document.getElementById('line-chart-sku'));    window.myLine3 = echarts.init(document.getElementById('line-chart-shelves'));    window.myLine4 = echarts.init(document.getElementById('line-chart-compare'));    $('#part2').hide();    $('#partright').hide();    $('#partleft').show();

这是改动后的代码,小问题,希望看到的人,你的问题也能解决。

欢迎关注我的微博@住街对面的查理,我的生活很有趣,你要不要来看一看。

原创粉丝点击