echarts橫向柱狀圖容器高度隨數(shù)據(jù)自適應(yīng)

省份名稱和柱狀圖對(duì)不起? 高度不夠被壓了

解決方法：

在圖表setOption后添加如下代碼：

this.autoHeight = that.userNextCityData.length * 20; // counst.length為柱狀圖的條數(shù)，即數(shù)據(jù)長(zhǎng)度。20為我給每個(gè)柱狀圖的高度。

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實(shí)例下的方法

加完之后的效果，左側(cè)白色為滾動(dòng)條


最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡(jiǎn)書(shū)系信息發(fā)布平臺(tái)，僅提供信息存儲(chǔ)服務(wù)。

友情鏈接更多精彩內(nèi)容