解决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博客