echarts 的自适应

Posted yaokaixin

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了echarts 的自适应相关的知识,希望对你有一定的参考价值。

单图表自适应

var myChart = echarts.init(document.getElementById("main"))

window.onresize = myChart.resize;

多图表自适应

 

 var charts = [];
        myChart = echarts.init(document.getElementById(‘main‘));
        myChart.setOption(option);
    charts.push(myChart);
 
    myChart = echarts.init(document.getElementById(‘container1‘));
    myChart.setOption(option);
    charts.push(myChart);
 
    window.onresize = function(){
        for(var i = 0; i < charts.length; i++){
            charts[i].resize();
        }
    };

 

以上是关于echarts 的自适应的主要内容,如果未能解决你的问题,请参考以下文章

Echarts图表在div尺寸变化时的自适应

vue 使用echarts出现警告以及图表在页面的自适应

实现echarts图表自适应

vue 中使用 echarts 自适应问题

vue项目中echarts自适应宽高的设置

Echarts 自适应报表