echarts实现屏幕自适应

//自适应屏幕变化
    var worldMapContainer = document.getElementById('main');
    //用于使chart自适应高度和宽度,通过窗体高宽计算容器高宽
    var resizeWorldMapContainer = function () {

        worldMapContainer.style.width =window.innerWidth +'px';
        worldMapContainer.style.height = window.innerHeight-200 +'px';
    };
    //设置容器高宽
    resizeWorldMapContainer();

    。。。(图)

    myChart.setOption(Option);

    window.onresize = function(){
        //用于使chart自适应高度和宽度
        s //重置容器高宽
        myChart.reize();
        resizeWorldMapContainer();   
}

 

你可能感兴趣的:(基于Django的监控系统)