美文网首页
echarts横向柱状图容器高度随数据自适应

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

作者: 程序并非猿 | 来源:发表于2019-04-23 17:36 被阅读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实例下的方法

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


    相关文章

      网友评论

          本文标题:echarts横向柱状图容器高度随数据自适应

          本文链接:https://www.haomeiwen.com/subject/zylbgqtx.html