echarts横向柱状图容器高度随数据自适应

省份名称和柱状图对不起  高度不够被压了

解决方法:

在图表setOption后添加如下代码:

this.autoHeight = that.userNextCityData.length * 20; // counst.length为柱状图的条数,即数据长度。20为我给每个柱状图的高度。

myChart.getDom().style.height = this.autoHeight + "px";

myChart.getDom().childNodes[0].style.height = this.autoHeight + "px";

myChart.getDom().childNodes[0].childNodes[0].setAttribute("height",this.autoHeight);

myChart.getDom().childNodes[0].childNodes[0].style.height = this.autoHeight + "px";

myChart.resize(); 

getDom是echarts实例下的方法

加完之后的效果,左侧白色为滚动条


最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。