使用css的display屬性控制圖表的顯隱時，如果父容器沒有給出寬高圖表的寬度會變成0，父容器的寬度設(shè)置為100%時，圖表的寬度會變成100px；這個時候切換顯隱圖表會變小，想要圖表自適應(yīng)可以使用vue-echarts的autoresize屬性。

我的項目問題在于，x軸文字過長所以加了，文字滾動，這時候在切換顯隱的時候會出現(xiàn)兩行x軸，

解決辦法使用element-resize-detector插件監(jiān)聽容器的寬高變化，再手動隱藏掉原本的x軸

element-resize-detector使用方法

npm install?element-resize-detector

import?elementResizeDetectorMaker?from?'element-resize-detector';

let?erd?=?elementResizeDetectorMaker();

erd.listenTo(‘要監(jiān)聽的元素’,?function(element)?{

????//進行操作

})