多个echarts图自适应屏幕大小

当一个echarts图时，能够这样作

//下面my_charts是html中echarts的ID
　　var myChart= echarts.init(document.getElementById("my_charts"));
　　myChart.setOption(option);
//假设实例的名字是myChart,在echats配置完实例之后,配置下面几行代码便可
　　window.onresize = function () {
　　　　myChart.resize();
　　}

若是页面中有多个echart图，并且在不一样的js函数各自实例化，须要定义一个全局的对象，而后将各自的实例化id及echart实例对象装进全局对象中，再统一自适应

var chartJson;
func1(){
    var myChart = echarts.init(document.getElementById('id1'));
...
    myChart.setOption(option);
    chartJson['id1'] = myChart;
}
func2(){
...
}
func3(){
...
}
//统一自适应
$(function(){
　　func1();
　　func2();
　　func3();

 　　window.onresize = function() {
    　　chartJson['id1'].resize();
    　　chartJson['id2'].resize();
    　　chartJson['id3'].resize();
 　　};

})