柱状图实例代码

【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 labelname,count(labelid) as count from customer_labeldetails_form where isnewest='是' and labelid in ('82345299','82345372','82442133','82442134','82345377','82389766') group by labelname,labelid order by labelname";
   
7.         var query = queryByDSName("congracrm",sql);
   
8.         if(query!=null){
   
9.                 for(var iterator = query.iterator();iterator.hasNext();){
   
10.                         var doc = iterator.next();
    
11.                         var labelname=doc.get("labelname");
    
12.                         var count=doc.get("count");
    
13.                         mapList.push({
    
14.                                 "name": new String(labelname),
    
15.                                 "value": new String(count)
    
16.                         });
    
17.                         nameList.push(new String(labelname));
    
18.                 }
    
19.         }
    
20.        
    
21.         var sql2 = "select count(crmid) as count from customer_form where labelids is null or labelids=''";
    
22.         var query2 = queryByDSName("congracrm",sql2);
    
23.         if(query2!=null){
    
24.                 for(var iterator2 = query2.iterator();iterator2.hasNext();){
    
25.                         var doc2 = iterator2.next();
    
26.                         var labelname="未标记";
    
27.                         var count=doc2.get("count");
    
28.                         mapList.push({
    
29.                                 "name": new String(labelname),
    
30.                                 "value": new String(count)
    
31.                         });
    
32.                         nameList.push(new String(labelname));
    
33.                 }
    
34.         }
    
35.        
    
36.         var option =  {
    
37.                 tooltip : {
    
38.                         trigger: 'item',
    
39.                         formatter: "{a} <br/>{b} : {c} ({d}%)"
    
40.                 },
    
41.                 legend: {
    
42.                         orient : 'vertical',
    
43.                         x : 'left',
    
44.                         data:nameList
    
45.                 },
    
46.                 toolbox: {
    
47.                         show : true,
    
48.                         feature : {
    
49.                                 mark : {show: true},
    
50.                                 dataView : {show: true, readOnly: false},
    
51.                                 magicType : {
    
52.                                         show: true,
    
53.                                         type: ['pie', 'funnel'],
    
54.                                         option: {
    
55.                                                 funnel: {
    
56.                                                         x: '25%',
    
57.                                                         width: '50%',
    
58.                                                         funnelAlign: 'left',
    
59.                                                         max: 1548
    
60.                                                 }
    
61.                                         }
    
62.                                 },
    
63.                                 restore : {show: true},
    
64.                                 saveAsImage : {show: true}
    
65.                         }
    
66.                 },
    
67.                 calculable : true,
    
68.                 series : [
    
69.                         {
    
70.                                 name:'客户数量',
    
71.                                 type:'pie',
    
72.                                 radius : '50%',
    
73.                                 center: ['50%', '47%'],
    
74.                                 data:mapList
    
75.                         }
    
76.                 ]
    
77.         };
    
78.         return option;
    
79. })()

复制代码