echarts柱状图 与轴不重叠_echarts - 使用echarts过程中遇到的问题(pending...)

然后我console一下document.getElementById('echartsDiv');

展开抛出的对象会发现：他的clientWidth和Height都是0，甚至scroll和offset系列的宽高皆为0(看图别介意id名对不上)

对比一个父元素没有隐藏的元素，他的宽高就很正常：

这样我们就明白了，echarts绘制之前是要获取要绘制区域的宽高的，如果皆为0那肯定失败的。

找到问题原因，就是解决：

既然根出在初始化时的元素宽高上，那我们开局就设置宽高即可。

我这里的主要问题是场景用在移动端，元素宽度肯定要随着设备的屏幕改变的。

如果直接在style上设置(注意，我尝试在css上设置了，没用)，不能设置固定的数值。

所以我利用js的方法在js的开端设置了下：

let echartsW= $('.echarts-box').width();

$('.echarts-cont').css('width',echartsW);

echarts-box是我存放图标的总的父元素，echarts-cont是我所有图标公用的类名。

然后如果在pc端做响应式的页面时，如果遇到需要满足当屏幕大小被用户扯着随机变时图标也要改变的需求时，可以试试下边这个：

$(window).resize