BJ_web_developers / hdgovcloud

Commit 4b2401e98de6a2b64dc9c0f37290efc7f5355978

Authored by liuqimichale
2 parents fc7605d3 2420e998

Merge branch 'master' of http://192.168.1.195:9998/web_developers/hdgovcloud into branch

Inline Side-by-side
Showing 2 changed files with 185 additions and 214 deletions
js/lib/handan.json renamed to js/pagejs/handan.json
  View file @4b2401e
js/pagejs/index.js
  View file @4b2401e
@@ -16,151 +16,153 @@ @@ -16,151 +16,153 @@
16 var displayCountry = []; 16 var displayCountry = [];
17 //赤峰的省市区县 17 //赤峰的省市区县
18 function ChiFengMapSeries(name){ 18 function ChiFengMapSeries(name){
19 - var obj = { 19 + $.get('./../js/pagejs/handan.json', function (yCjson) {
  20 + echarts.registerMap('邯郸', yCjson);
  21 + var obj = {
20 22
21 - // center:[118.361313,42.27018],//中心点  
22 - zoom:1.2,//当前视角的缩放比例。  
23 - // roam:'scale',//是否支持鼠标缩放  
24 - //selectedMode:true,//选中模式，表示是否支持多个选中，默认关闭  
25 - name:name,  
26 - type:'map',  
27 - map:'邯郸',  
28 -  
29 - // markPoint:{  
30 - // symbol:'circle'  
31 - // },  
32 - label: {  
33 - normal: {  
34 - show: true  
35 - },  
36 - emphasis: {  
37 - show: true,  
38 - }  
39 - },  
40 - mapLocation:{  
41 - y:60  
42 - },  
43 - itemStyle: {  
44 - normal: {  
45 - borderWidth: 1,  
46 - borderColor: 'rgba(147,191,245,.3)',  
47 -  
48 - label: {  
49 - show: false,  
50 - textStyle: {  
51 - color: "#fff"  
52 - }  
53 - }  
54 - },  
55 - emphasis:{  
56 - areaColor: 'rgba(255,204,0,0.4)',  
57 - label: {  
58 - show: false,  
59 - textStyle: {  
60 - color: "#fff"  
61 - }  
62 - }  
63 - }  
64 - },  
65 - markPoint:{  
66 - symbol:'image://./../img/cf_map_icon.png',  
67 - silent:true,  
68 - symbolSize:[17, 17],  
69 - data: [ 23 + // center:[118.361313,42.27018],//中心点
  24 + zoom: 1.2,//当前视角的缩放比例。
  25 + // roam:'scale',//是否支持鼠标缩放
  26 + //selectedMode:true,//选中模式，表示是否支持多个选中，默认关闭
  27 + name: name,
  28 + type: 'map',
  29 + map: '邯郸',
70 30
71 - {  
72 - name: '',  
73 - coord: [103.729882,30.136356], 31 + // markPoint:{
  32 + // symbol:'circle'
  33 + // },
  34 + label: {
  35 + normal: {
  36 + show: true
  37 + },
  38 + emphasis: {
  39 + show: true,
  40 + }
  41 + },
  42 + mapLocation: {
  43 + y: 60
  44 + },
  45 + itemStyle: {
  46 + normal: {
  47 + borderWidth: 1,
  48 + borderColor: 'rgba(147,191,245,.3)',
  49 +
  50 + label: {
  51 + show: false,
  52 + textStyle: {
  53 + color: "#fff"
  54 + }
  55 + }
74 }, 56 },
  57 + emphasis: {
  58 + areaColor: 'rgba(255,204,0,0.4)',
  59 + label: {
  60 + show: false,
  61 + textStyle: {
  62 + color: "#fff"
  63 + }
  64 + }
  65 + }
  66 + },
  67 + markPoint: {
  68 + symbol: 'image://./../img/cf_map_icon.png',
  69 + silent: true,
  70 + symbolSize: [17, 17],
  71 + data: [
  72 +
  73 + {
  74 + name: '',
  75 + coord: [103.729882, 30.136356],
  76 + },
  77 + {
  78 + name: '',
  79 + coord: [103.789673, 30.268198],
  80 + },
  81 + {
  82 + name: '',
  83 + coord: [103.806921, 29.789424],
  84 + },
  85 + {
  86 + name: '',
  87 + coord: [104.164518, 30.059866],
  88 + },
  89 + {
  90 + name: '',
  91 + coord: [103.383783, 30.04186],
  92 + },
  93 + {
  94 + name: '',
  95 + coord: [103.26535, 29.914721],
  96 + },
  97 +
  98 + ],
  99 + label: {
  100 + normal: {
  101 + show: false,
  102 + },
  103 + emphasis: {
  104 + show: false,
  105 + },
  106 +
  107 + }
  108 + },
  109 +
  110 + data: [
75 { 111 {
76 - name: '',  
77 - coord: [103.789673,30.268198], 112 + name: '峰峰矿区',
  113 + value: 0,
  114 +
78 }, 115 },
79 { 116 {
80 - name: '',  
81 - coord: [103.806921,29.789424], 117 + name: '彭山区',
  118 + value: 0
82 }, 119 },
83 { 120 {
84 - name: '',  
85 - coord: [104.164518,30.059866], 121 + name: '青神县',
  122 + value: 0
86 }, 123 },
87 { 124 {
88 - name: '',  
89 - coord: [103.383783,30.04186], 125 + name: '仁寿县',
  126 + value: 0
90 }, 127 },
91 { 128 {
92 - name: '',  
93 - coord: [103.26535,29.914721], 129 + name: '丹棱县',
  130 + value: 0
94 }, 131 },
95 - 132 + {
  133 + name: '洪雅县',
  134 + value: 0
  135 + }
96 ], 136 ],
97 - label:{  
98 - normal:{  
99 - show:false,  
100 - },  
101 - emphasis:{  
102 - show:false,  
103 - },  
104 -  
105 - }  
106 - },  
107 137
108 - data:[  
109 - {  
110 - name:'峰峰矿区',  
111 - value:0,  
112 138
113 - },  
114 - {  
115 - name:'彭山区',  
116 - value:0  
117 - },  
118 - {  
119 - name:'青神县',  
120 - value:0  
121 - },  
122 - {  
123 - name:'仁寿县',  
124 - value:0  
125 - },  
126 - {  
127 - name:'丹棱县',  
128 - value:0  
129 - },  
130 - {  
131 - name:'洪雅县',  
132 - value:0  
133 - }  
134 - ],  
135 -  
136 -  
137 - };  
138 - return obj;  
139 - 139 + };
  140 + return obj;
  141 + });
140 }; 142 };
141 var map_c_option = { 143 var map_c_option = {
142 tooltip: { 144 tooltip: {
143 trigger: 'item', 145 trigger: 'item',
144 - formatter: function(params) {  
145 - var res = params.name+'<br/>';  
146 - var myseries = map_c_option.series;  
147 - for (var i = 0; i < myseries.length; i++) {  
148 -  
149 - var displayVal = 0;  
150 - for(var j=0;j<myseries[i].data.length;j++){  
151 - if(myseries[i].data[j].name==params.name){  
152 - displayVal = myseries[i].data[j].value;  
153 - break;  
154 - }  
155 - }  
156 - //除了前3项后面的数据为0 不显示  
157 - if(i<3 || displayVal != 0){  
158 - res+= myseries[i].name;  
159 - res+= ' : '+ displayVal+'<br/>';  
160 - }  
161 - }  
162 - return res;  
163 - } 146 + // formatter: function(params) {
  147 + // var res = params.name+'<br/>';
  148 + // var myseries = map_c_option.series;
  149 + // for (var i = 0; i < myseries.length; i++) {
  150 + //
  151 + // var displayVal = 0;
  152 + // for(var j=0;j<myseries[i].data.length;j++){
  153 + // if(myseries[i].data[j].name==params.name){
  154 + // // displayVal = myseries[i].data[j].value;
  155 + // break;
  156 + // }
  157 + // }
  158 + // //除了前3项后面的数据为0 不显示
  159 + // if(i<3 || displayVal != 0){
  160 + // res+= myseries[i].name;
  161 + // res+= ' : '+ displayVal+'<br/>';
  162 + // }
  163 + // }
  164 + // return res;
  165 + // }
164 }, 166 },
165 167
166 // dataRange:{ 168 // dataRange:{
@@ -297,80 +299,49 @@ @@ -297,80 +299,49 @@
297 //左中柱图bar_l_echart 299 //左中柱图bar_l_echart
298 300
299 //中间地图 301 //中间地图
300 - map_c_echart.setOption(map_c_option,true);  
301 - // map_c_echart.mapselected({  
302 - //  
303 - // });  
304 - currentIndex = -1;  
305 - var dataLen = map_c_option.series[0].data.length;  
306 - // 取消之前高亮的图形  
307 - map_c_echart.dispatchAction({  
308 - type: 'downplay',  
309 - seriesIndex: 0,  
310 - dataIndex: currentIndex  
311 - });  
312 - currentIndex = (currentIndex + 1) % dataLen;  
313 - // 高亮当前图形  
314 - map_c_echart.dispatchAction({  
315 - type: 'highlight',  
316 - seriesIndex: 0,  
317 - dataIndex:currentIndex  
318 - });  
319 - // 显示 tooltip  
320 - map_c_echart.dispatchAction({  
321 - type: 'showTip',  
322 - seriesIndex: 0,  
323 - dataIndex: currentIndex 302 + $.getJSON('./../js/pagejs/handan.json', function (yCjson) {
  303 + echarts.registerMap('银川', yCjson);
  304 + var chart = echarts.init(document.getElementById('map_c_echart'));
  305 +
  306 + option = {
  307 +
  308 + dataRange:{
  309 + min:0,
  310 + max:500,
  311 + text:['高','低'],
  312 + realtime:true,
  313 + calculable:true,
  314 + color:['orangered','yellow','green']
  315 + },
  316 + series:[
  317 + {
  318 + name:'犯罪数量',
  319 + type:'map',
  320 + map:'银川',
  321 + mapLocation:{
  322 + y:60
  323 + },
  324 + itemSytle:{
  325 + emphasis:{label:{show:false}}
  326 + },
  327 + data:[
  328 + {name:'西夏区',value:Math.round(Math.random()*500)},
  329 + {name:'贺兰县',value:Math.round(Math.random()*500)},
  330 + {name:'金凤区',value:Math.round(Math.random()*500)},
  331 + {name:'永宁县',value:Math.round(Math.random()*500)},
  332 + {name:'灵武市',value:Math.round(Math.random()*500)},
  333 + {name:'兴庆区',value:Math.round(Math.random()*500)}
  334 + ]
  335 + }
  336 + ],
  337 +
  338 + };
  339 + chart.setOption(option);
324 }); 340 });
325 - // setTimeout(function () {  
326 - // currentIndex = -1;  
327 - // var dataLen = map_c_option.series[0].data.length;  
328 - // // 取消之前高亮的图形  
329 - // map_c_echart.dispatchAction({  
330 - // type: 'downplay',  
331 - // seriesIndex: 0,  
332 - // dataIndex: currentIndex  
333 - // });  
334 - // currentIndex = (currentIndex + 1) % dataLen;  
335 - // // 高亮当前图形  
336 - // map_c_echart.dispatchAction({  
337 - // type: 'highlight',  
338 - // seriesIndex: 0,  
339 - // dataIndex:currentIndex  
340 - // });  
341 - // // 显示 tooltip  
342 - // map_c_echart.dispatchAction({  
343 - // type: 'showTip',  
344 - // seriesIndex: 0,  
345 - // dataIndex: currentIndex  
346 - // });  
347 - // },1000);  
348 341
349 342
350 - // setInterval(function () {  
351 - // var dataLen = map_c_option.series[0].data.length;  
352 - // // 取消之前高亮的图形  
353 - // myChart.dispatchAction({  
354 - // type: 'downplay',  
355 - // seriesIndex: 0,  
356 - // dataIndex: currentIndex  
357 - // });  
358 - // currentIndex = (currentIndex + 1) % dataLen;  
359 - // // 高亮当前图形  
360 - // myChart.dispatchAction({  
361 - // type: 'highlight',  
362 - // seriesIndex: 0,  
363 - // dataIndex:currentIndex  
364 - // });  
365 - // // 显示 tooltip  
366 - // myChart.dispatchAction({  
367 - // type: 'showTip',  
368 - // seriesIndex: 0,  
369 - // dataIndex: currentIndex  
370 - // });  
371 - // }, 1000);  
372 -  
373 - //右上线上线下排行榜图 343 +
  344 + //右上线上线下排行榜图
374 var bar_r_option = { 345 var bar_r_option = {
375 // tooltip : { 346 // tooltip : {
376 // trigger: 'axis', 347 // trigger: 'axis',
@@ -971,16 +942,16 @@ @@ -971,16 +942,16 @@
971 var seriesBerthData=new ChiFengMapSeries("停车位数"); 942 var seriesBerthData=new ChiFengMapSeries("停车位数");
972 //停车场 943 //停车场
973 var seriesParkData=new ChiFengMapSeries("停车场数"); 944 var seriesParkData=new ChiFengMapSeries("停车场数");
974 - for (var i = 0; i < seriesBerthData.data.length; i++) {  
975 - var name = seriesBerthData.data[i].name;  
976 - //获取该区停车场个数  
977 - seriesParkData.data[i].value=pkVo[name]==null?0:pkVo[name];  
978 - //获取该区的停车位个数  
979 - seriesBerthData.data[i].value=berthsVo[name]==null?0:berthsVo[name];  
980 - }  
981 - map_c_option.series[0] = seriesParkData;  
982 - map_c_option.series[1] = seriesBerthData;  
983 - map_c_echart.setOption(map_c_option); 945 + // for (var i = 0; i < seriesBerthData.data.length; i++) {
  946 + // var name = seriesBerthData.data[i].name;
  947 + // //获取该区停车场个数
  948 + // seriesParkData.data[i].value=pkVo[name]==null?0:pkVo[name];
  949 + // //获取该区的停车位个数
  950 + // seriesBerthData.data[i].value=berthsVo[name]==null?0:berthsVo[name];
  951 + // }
  952 + // map_c_option.series[0] = seriesParkData;
  953 + // map_c_option.series[1] = seriesBerthData;
  954 + // map_c_echart.setOption(map_c_option);
984 955
985 }else{ 956 }else{
986 957
@@ -1062,14 +1033,14 @@ @@ -1062,14 +1033,14 @@
1062 1033
1063 //中间地图 1034 //中间地图
1064 //空闲停车位 1035 //空闲停车位
1065 - var seriesBerthData=new ChiFengMapSeries("空闲车位数");  
1066 - for (var i = 0; i < seriesBerthData.data.length; i++) {  
1067 - var name = seriesBerthData.data[i].name;  
1068 - //获取该区的停车位个数  
1069 - seriesBerthData.data[i].value=berthsVo[name]==null?0:berthsVo[name];  
1070 - }  
1071 - map_c_option.series[2] = seriesBerthData;  
1072 - map_c_echart.setOption(map_c_option); 1036 + // var seriesBerthData=new ChiFengMapSeries("空闲车位数");
  1037 + // for (var i = 0; i < seriesBerthData.data.length; i++) {
  1038 + // var name = seriesBerthData.data[i].name;
  1039 + // //获取该区的停车位个数
  1040 + // seriesBerthData.data[i].value=berthsVo[name]==null?0:berthsVo[name];
  1041 + // }
  1042 + // map_c_option.series[2] = seriesBerthData;
  1043 + // map_c_echart.setOption(map_c_option);
1073 1044
1074 }else{ 1045 }else{
1075 1046