实现echarts图表响应式效果

Echart设置图表响应式

1. 单个图表

var myChart = echarts.init(document.getElementById('XXX')); 
window.onresize = myChart.resize;

2. 多个图表

 //所有图加响应式
    var myChart = echarts.init(document.getElementById('areaData'));
    var myChart1 = echarts.init(document.getElementById('familyPerIncomeData'));
    var myChart2 = echarts.init(document.getElementById('familyMouthIncomeData'));
//根据窗口的大小变动图表 --- 重点
    window.onresize = function(){
        myChart.resize();
        myChart1.resize();
        myChart2.resize();
    }

原文链接

Echart给多个图添加响应式