项目柱状图脚本实例

【myApps/OBPM版本号】：4.4stable sp21
【浏览器类型】：Chrome
【技术QQ群】：182378297
【场景】： 项目柱状图脚本实例

【解决方法】：

1. (function(){
   
2.         var nameList = [];
   
3.         var mapList=[];
   
4.         var application=getApplication();
   
5.        
   
6.         var sql = "select  item_项目名称,round(item_项目余额/(item_预算下达金额+item_年初余额)*100,2)  as item_预算执行率  from tlk_项目表 where item_部门编号='004'";
   
7.         var query = queryByDSName("高校财务综合管理系统",sql);
   
8.         if(query!=null){
   
9.                 for(var iterator = query.iterator();iterator.hasNext();){
   
10.                         var doc = iterator.next();
    
11.                         var labelname=doc.get("item_项目名称");
    
12.                         var count=doc.get("item_预算执行率");
    
13.                         mapList.push({
    
14.                                 "name": new String(labelname),
    
15.                                 "value": new String(count)
    
16.                         });
    
17.                         nameList.push(new String(labelname));
    
18.                 }
    
19.         }
    
20. 
    
21. 
    
22. var option = {
    
23.     title : {
    
24.         text: '项目预算执行率分析图',
    
25.         subtext: '部门预算'
    
26.     },
    
27.     tooltip : {
    
28.         trigger: 'axis',
    
29.         formatter: "{a} <br/>{b} : {c} %"
    
30.     },
    
31.     legend: {
    
32.         data:['项目支出完成率']
    
33.     },
    
34.     toolbox: {
    
35.         show : true,
    
36.         feature : {
    
37.             mark : {show: true},
    
38.             dataView : {show: true, readOnly: false},
    
39.             magicType : {show: true, type: ['line', 'bar']},
    
40.             restore : {show: true},
    
41.             saveAsImage : {show: true}
    
42. 
    
43.             
    
44.         }
    
45.     },
    
46.     calculable : true,
    
47.     xAxis : [
    
48.         {
    
49.             type : 'category',
    
50.             data : nameList
    
51.         }
    
52.     ],
    
53.     yAxis : [
    
54.         {
    
55.             type : 'value'
    
56.         }
    
57.     ],
    
58.     series : [
    
59.         {
    
60.             name:'完成率',
    
61.             type:'bar',
    
62.             data:mapList,
    
63.                         itemStyle: {
    
64.                                 normal: {
    
65.                                         label: {
    
66.                                                 show: true, //开启显示
    
67.                                                 position: 'top', //在上方显示
    
68.                                                 textStyle: { //数值样式
    
69.                                                         color: 'black',
    
70.                                                         fontSize: 16
    
71.                                                 }
    
72.                                         }
    
73.                                 }
    
74.                         },
    
75.             markPoint : {
    
76.                 data : [
    
77.                     {type : 'max', name: '最大值'},
    
78.                     {type : 'min', name: '最小值'}
    
79. 
    
80.                 ]
    
81.             },
    
82.             markLine : {
    
83.                 data : [
    
84.                     {type : 'average', name: '平均值'}
    
85.                 ]
    
86.             }
    
87.         },
    
88. 
    
89.     ]
    
90. };
    
91. return option;
    
92. })()

复制代码