// 路径配置 require.config({ paths:{ 'echarts' : 'http://echarts.baidu.com/build/echarts' } }); // 使用 require( [ 'echarts', 'echarts/chart/pie', // 使用柱状图就加载bar模块,按需加载 'echarts/chart/bar' ], function(ec) { // 基于准备好的dom,初始化echarts图表 var myChart = ec.init(document.getElementById('chartContainer')); var option = { title : { text: '标段计量分布', x:'left' }, tooltip : { trigger: 'item', formatter: "{a}
{b}:{c}
占总项目:{d}%" }, legend: { selectedMode:false, orient : 'vertical', x : 'left', y : 'center', data:['路基工程','桥涵工程','隧道工程','交叉工程'] }, calculable : true, series : [ { name:'标段计量分布', type:'pie', radius : '60%', center: ['60%', 175], data:[ {value:27814964.00, name:'路基工程'}, {value:41043186.10, name:'桥涵工程'}, {value:42917475.00, name:'隧道工程'}, {value:27634982.00, name:'交叉工程'} ] } ] }; // 为echarts对象加载数据 myChart.setOption(option); var myChart = ec.init(document.getElementById('chartContainer2')); var option = { title : { text: '标段计量进度', }, tooltip : { trigger: 'axis', formatter: "{b}
{a}:{c}元
{a1}:{c1}元
{a2}:{c2}%" }, legend: { data:['累计合同计量','累计完成计量','完成进度百分比'] }, xAxis : [ { type : 'category', data : ['路基工程','桥涵工程','隧道工程','交叉工程'] } ], yAxis : [ { type : 'value', name : '金额', position:'left', axisLabel : { formatter: '{value} 元' }, splitArea : {show : true} }, { type : 'value', name : '完成进度百分比', position:'right', max:'100', axisLabel : { formatter: '{value} %' }, splitLine : {show : true} } ], series : [ { name:'累计合同计量', type:'bar', data:[27814964.00,41043186.10, 42917475.00, 27634982.00], }, { name:'累计完成计量', type:'bar', data:[20571481.02,28770211.71, 23427801.00, 1708798.00], }, { name:'完成进度百分比', type:'line', yAxisIndex: 1, data:[73.95,70,54.58,6.18], } ] }; // 为echarts对象加载数据 myChart.setOption(option); } );