在一个html加载多个echarts,Echarts一个页面加载多个图表及图表自适应

Echarts一个页面加载多个图表及图表自适应

模块化加载

//入口

require.config({

paths: {

echarts: 'http://echarts.baidu.com/build/dist'

}

});

//按需加载=====================================================

require([

'echarts','echarts/chart/bar',

'echarts/chart/line'

],

drawEcharts // 加载一个图表函数的集合

);

//需要加载封装好的图表函数

function drawEcharts(ec){

MaterialReserves(ec);

VectorIntelligent(ec);

}

//定义一个数组，作为图表只适应存储

var echarts = [];

加载两个图表

/*物资储备情况图表 ==========================================================================================*/

function MaterialReserves(ec) {

var MaterialReservesEcharts = ec.init(document.getElementById('material-reserves'));

var option = {

title : {

text: '某地区蒸发量和降水量',

subtext: '纯属虚构'

},

tooltip : {

trigger: 'axis'

},

legend: {

data:['蒸发量','降水量']

},

toolbox: {

show : true,

feature