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

2019-04-23  本文已影响0人  程序并非猿

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

解决方法:

在图表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实例下的方法

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


上一篇下一篇

猜你喜欢

热点阅读