|
@@ -5,13 +5,13 @@
|
|
|
<title>纵横计量支付系统</title>
|
|
|
<meta name=description content=计量支付>
|
|
|
<meta name=copyright content=smartcost.com.cn>
|
|
|
- <meta name="viewport" content="width=device-width,initial-scale=1.0">
|
|
|
+ <meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no">
|
|
|
<link rel=stylesheet href=css/bootstrap.css>
|
|
|
<link rel=stylesheet href=css/style.css>
|
|
|
<script src=js/jquery-1.9.1.min.js></script>
|
|
|
<script src=js/bootstrap.js></script>
|
|
|
<script src=js/global.js></script>
|
|
|
- <script src="http://s1.bdstatic.com/r/www/cache/ecom/esl/1-6-10/esl.js"></script>
|
|
|
+ <script src=js/echarts.min.js></script>
|
|
|
</head>
|
|
|
<body>
|
|
|
<div class="wrapTop">
|
|
@@ -22,7 +22,7 @@
|
|
|
</div>
|
|
|
<ul class="dropdown-menu" id="dropdownMenu" aria-labelledby="dropdownMenu1">
|
|
|
<li><a href="w-project-edit.html">修改项目名称</a></li>
|
|
|
- <li><a href="#">项目分享</a></li>
|
|
|
+ <li><a href="share-list.html">项目分享</a></li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -46,33 +46,18 @@
|
|
|
<div id="chartContainer1" style="height: 300px; width: 100%; background-color: transparent; cursor: default;">
|
|
|
</div>
|
|
|
<!--图表2-->
|
|
|
- <div id="chartContainer2" style="height: 300px; width: 100%; background-color: transparent; cursor: default;">
|
|
|
+ <div id="chartContainer2" style="height: 350px; width: 100%; background-color: transparent; cursor: default;">
|
|
|
</div>
|
|
|
<!--图表3-->
|
|
|
- <div id="chartContainer3" style="height: 300px; width: 100%; background-color: transparent; cursor: default;">
|
|
|
+ <div id="chartContainer3" style="height: 350px; width: 100%; background-color: transparent; cursor: default; margin:2rem 0 0 0;">
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<script type="text/javascript">
|
|
|
- // 路径配置
|
|
|
- require.config({
|
|
|
- paths:{
|
|
|
- 'echarts' : 'http://echarts.baidu.com/build/echarts'
|
|
|
- }
|
|
|
- });
|
|
|
-
|
|
|
- // 使用
|
|
|
- require(
|
|
|
- [
|
|
|
- 'echarts',
|
|
|
- 'echarts/chart/pie', // 使用柱状图就加载bar模块,按需加载
|
|
|
- 'echarts/chart/bar'
|
|
|
- ],
|
|
|
- function(ec) {
|
|
|
//1 标段计量分布//
|
|
|
// 基于准备好的dom,初始化echarts图表
|
|
|
- var myChart = ec.init(document.getElementById('chartContainer1'));
|
|
|
+ var myChart = echarts.init(document.getElementById('chartContainer1'));
|
|
|
var option = {
|
|
|
color: ['#e9af68','#57b7b6','#e4575a','#959eac','#ffa500',
|
|
|
'#d38b70','#8fb7cf','#cd5c5c','#5c616b','#40e0d0',
|
|
@@ -87,10 +72,10 @@
|
|
|
formatter: "{a} <br/>{b}:{c} <br>占总项目:{d} %"
|
|
|
},
|
|
|
legend: {
|
|
|
- selectedMode:false,
|
|
|
- orient : 'vertical',
|
|
|
- x : 'left',
|
|
|
- y : 'center',
|
|
|
+ selectedMode:false,
|
|
|
+ orient : 'horizontal',
|
|
|
+ x : 'top',
|
|
|
+ y : '50',
|
|
|
data:['土建合同','监理合同','设计合同','机电合同']
|
|
|
},
|
|
|
calculable : true,
|
|
@@ -98,8 +83,9 @@
|
|
|
{
|
|
|
name:'标段计量分布',
|
|
|
type:'pie',
|
|
|
- radius : '60%',
|
|
|
- center: ['55%', 175],
|
|
|
+ roseType: 'angle',
|
|
|
+ radius : '45%',
|
|
|
+ center: ['50%', 175],
|
|
|
data:[
|
|
|
{value:27814964.00, name:'土建合同'},
|
|
|
{value:41043186.10, name:'监理合同'},
|
|
@@ -113,7 +99,7 @@
|
|
|
myChart.setOption(option);
|
|
|
//1 标段计量分布//
|
|
|
//2 标段计量进度//
|
|
|
- var myChart = ec.init(document.getElementById('chartContainer2'));
|
|
|
+ var myChart = echarts.init(document.getElementById('chartContainer2'));
|
|
|
var option = {
|
|
|
color:["#e9af68","#57b7b6","#e4575a"],
|
|
|
title : {
|
|
@@ -124,6 +110,7 @@
|
|
|
formatter: "{b} <br/>{a}:{c}元 <br/>{a1}:{c1}元<br/>{a2}:{c2} %"
|
|
|
},
|
|
|
legend: {
|
|
|
+ y: 'bottom',
|
|
|
data:['总价','累计完成计量','完成进度百分比']
|
|
|
},
|
|
|
xAxis : [
|
|
@@ -132,13 +119,19 @@
|
|
|
data : ['土建合同','监理合同','设计合同','机电合同']
|
|
|
}
|
|
|
],
|
|
|
+ grid:[
|
|
|
+ {
|
|
|
+ x:'85',
|
|
|
+ x2:'50',
|
|
|
+ }
|
|
|
+ ],
|
|
|
yAxis : [
|
|
|
{
|
|
|
type : 'value',
|
|
|
- name : '金额',
|
|
|
+ name : '金额(元)',
|
|
|
position:'left',
|
|
|
axisLabel : {
|
|
|
- formatter: '{value} 元'
|
|
|
+ formatter: '{value}'
|
|
|
},
|
|
|
splitArea : {show : true}
|
|
|
},
|
|
@@ -149,19 +142,19 @@
|
|
|
axisLabel : {
|
|
|
formatter: '{value} %'
|
|
|
},
|
|
|
- splitLine : {show : true}
|
|
|
+ splitLine : {show : false}
|
|
|
}
|
|
|
],
|
|
|
series : [
|
|
|
{
|
|
|
name:'总价',
|
|
|
type:'bar',
|
|
|
- data:[27814964.00,41043186.10, 42917475.00, 27634982.00],
|
|
|
+ data:[27814964,41043186, 42917475, 27634982]
|
|
|
},
|
|
|
{
|
|
|
name:'累计完成计量',
|
|
|
type:'bar',
|
|
|
- data:[20571481.02,28770211.71, 23427801.00, 1708798.00],
|
|
|
+ data:[20571481.02,28770211.71, 23427801.00, 1708798.00]
|
|
|
},
|
|
|
{
|
|
|
name:'完成进度百分比',
|
|
@@ -176,7 +169,7 @@
|
|
|
//2 标段计量进度//
|
|
|
//3 标段计量分布//
|
|
|
// 基于准备好的dom,初始化echarts图表
|
|
|
- var myChart = ec.init(document.getElementById('chartContainer3'));
|
|
|
+ var myChart = echarts.init(document.getElementById('chartContainer3'));
|
|
|
var option = {
|
|
|
color:["#e9af68","#57b7b6"],
|
|
|
title : {
|
|
@@ -187,6 +180,7 @@
|
|
|
formatter: "{b} <br/>{a}:{c} %<br/>{a1}:{c1} %"
|
|
|
},
|
|
|
legend: {
|
|
|
+ y:'30',
|
|
|
data:['累计完成','本月完成']
|
|
|
},
|
|
|
toolbox: {
|
|
@@ -197,19 +191,25 @@
|
|
|
},
|
|
|
dataZoom : {
|
|
|
show : true,
|
|
|
- realtime: true,
|
|
|
- start : 0,
|
|
|
+ start : 50,
|
|
|
end : 100
|
|
|
},
|
|
|
xAxis : [
|
|
|
{
|
|
|
type : 'category',
|
|
|
- boundaryGap : false,
|
|
|
+ boundaryGap : true,
|
|
|
data : [
|
|
|
- '2013年2月','3月','4月','5月','6月','7月','8月','9月','10月'
|
|
|
+ '2月','3月','4月','5月','6月','7月','8月','9月','10月'
|
|
|
]
|
|
|
}
|
|
|
],
|
|
|
+ grid:[
|
|
|
+ {
|
|
|
+ x:'45',
|
|
|
+ x2:'20',
|
|
|
+ bottom:'20%',
|
|
|
+ }
|
|
|
+ ],
|
|
|
yAxis : [
|
|
|
{
|
|
|
type : 'value',
|
|
@@ -251,13 +251,11 @@
|
|
|
data:[10, 0, 20, 10, 10, 10, 10, 5, 15]
|
|
|
}
|
|
|
]
|
|
|
-};
|
|
|
+ };
|
|
|
|
|
|
|
|
|
// 为echarts对象加载数据
|
|
|
myChart.setOption(option);
|
|
|
//3 标段计量分布//
|
|
|
- }
|
|
|
- );
|
|
|
- </script>
|
|
|
+</script>
|
|
|
</body>
|