// 路径配置
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);
}
);