關於echarts圖表根據父元素寬度進行自適應。

有時候echarts設置了圖表後,放大瀏覽器和縮小瀏覽器,父元素會跟着瀏覽器大小進行放大和縮小,而圖表不會跟着父元素大小進行變化,這時候咱們能夠設置echarts對象,讓他能夠實現這樣的效果。瀏覽器

官方文檔以下:
    ECharts沒有綁定resize事件,顯示區域大小發生改變內部並不知
道,使用方能夠根據本身的需求綁定關心的事件,主動調用resize達到
自適應的效果,常見如window.onresize = myChart.resize。

注意:
    若是這個頁面有多個圖表:

//多圖表自適應
window.addEventListener("resize", function () {
myChart.resize();
myChart2.resize();
});
相關文章
相關標籤/搜索