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实例下的方法
加完之后的效果,左侧白色为滚动条