解決echart警告：Can't get dom width or height

使用echart繪制詞雲圖，圖表無法加載，在瀏覽器打開控制台F12發現沒有報錯，但有一條警告

Can't get dom width or height

解決方法，在圖表初始化前加入以下代碼

    var mainContainer = document.getElementById('main');
    //用於使chart自適應高度和寬度,通過窗體高寬計算容器高寬
    var resizeMainContainer = function () {
        mainContainer.style.width = window.innerWidth+'px';
        mainContainer.style.height = window.innerHeight*0.8+'px';
    };
    //設置div容器高寬
    resizeMainContainer();
    // 初始化圖表
    var mainChart = echarts.init(mainContainer);
    $(window).on('resize',function(){//
        //屏幕大小自適應，重置容器高寬
        resizeMainContainer();
        mainChart.resize();
    });

 

 

參考

解決ECharts Can‘t get dom width or height!無法初始化圖表的問題_Mistra的博客-CSDN博客