百度图表页面引入多个图表，让其只适应

Posted 2020-10-03 冯叶青

【百度图表】页面引入多个图表，让其只适应

网上发现有个这样的方法让图表自适应，window.onresize = myChart.resize; 但是发现好像只有最后一个有效，于是就有了下面的方法

就个数组保存myChart所有实例,然后每个都调用一下resize

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