|
@@ -76,80 +76,6 @@ export default {
|
76
|
76
|
regionCode: ''
|
77
|
77
|
},
|
78
|
78
|
districtOptions: options.districtOptions,
|
79
|
|
- option: {
|
80
|
|
- amap: {
|
81
|
|
- viewMode: '3D',
|
82
|
|
- center: [114.02, 33.58],
|
83
|
|
- zoom: 12,
|
84
|
|
- resizeEnable: true,
|
85
|
|
- //使用自定义主题
|
86
|
|
- mapStyle: 'amap://styles/grey',
|
87
|
|
- renderOnMoving: true,
|
88
|
|
- largeMode: false
|
89
|
|
-
|
90
|
|
- },
|
91
|
|
- tooltip: {
|
92
|
|
- trigger: 'item'
|
93
|
|
- },
|
94
|
|
- animation: true,
|
95
|
|
- series: [
|
96
|
|
- {
|
97
|
|
- name: 'PM2.5',
|
98
|
|
- type: 'scatter',
|
99
|
|
- coordinateSystem: 'amap',
|
100
|
|
- data: [],
|
101
|
|
- symbolSize: function (val) {
|
102
|
|
- return val[2] / 10;
|
103
|
|
- },
|
104
|
|
- encode: {
|
105
|
|
- value: 2
|
106
|
|
- },
|
107
|
|
- label: {
|
108
|
|
- formatter: '{b}',
|
109
|
|
- position: 'right',
|
110
|
|
- show: false
|
111
|
|
- },
|
112
|
|
- itemStyle: {
|
113
|
|
- normal: {
|
114
|
|
- color: '#00c1de'
|
115
|
|
- }
|
116
|
|
- },
|
117
|
|
- emphasis: {
|
118
|
|
- label: {
|
119
|
|
- show: true
|
120
|
|
- }
|
121
|
|
- }
|
122
|
|
- },
|
123
|
|
- {
|
124
|
|
- name: 'Top 5',
|
125
|
|
- type: 'effectScatter',
|
126
|
|
- coordinateSystem: 'amap',
|
127
|
|
- data: [],
|
128
|
|
- symbolSize: function (val) {
|
129
|
|
- return val[2] / 10;
|
130
|
|
- },
|
131
|
|
- encode: {
|
132
|
|
- value: 2
|
133
|
|
- },
|
134
|
|
- showEffectOn: 'render',
|
135
|
|
- rippleEffect: {
|
136
|
|
- brushType: 'stroke'
|
137
|
|
- },
|
138
|
|
- hoverAnimation: true,
|
139
|
|
- label: {
|
140
|
|
- formatter: '{b}',
|
141
|
|
- position: 'right',
|
142
|
|
- show: true
|
143
|
|
- },
|
144
|
|
- itemStyle: {
|
145
|
|
- color: '#f00',
|
146
|
|
- shadowBlur: 10,
|
147
|
|
- shadowColor: '#333'
|
148
|
|
- },
|
149
|
|
- zlevel: 1
|
150
|
|
- }
|
151
|
|
- ]
|
152
|
|
- },
|
153
|
79
|
linedata: [],
|
154
|
80
|
bardata: [],
|
155
|
81
|
}
|
|
@@ -222,7 +148,7 @@ export default {
|
222
|
148
|
amap: {
|
223
|
149
|
viewMode: '3D',
|
224
|
150
|
center: [114.02, 33.58],
|
225
|
|
- zoom: 10,
|
|
151
|
+ zoom: 12,
|
226
|
152
|
resizeEnable: true,
|
227
|
153
|
//使用自定义主题
|
228
|
154
|
mapStyle: 'amap://styles/grey',
|
|
@@ -236,15 +162,20 @@ export default {
|
236
|
162
|
series: [
|
237
|
163
|
{
|
238
|
164
|
name: '停车热度',
|
239
|
|
- type: 'scatter',
|
|
165
|
+ type: 'effectScatter',
|
240
|
166
|
coordinateSystem: 'amap',
|
241
|
167
|
data: convertData(data),
|
242
|
168
|
symbolSize: function (val) {
|
243
|
|
- return val[2] / 100;
|
|
169
|
+ return val[2] / 80;
|
244
|
170
|
},
|
245
|
171
|
encode: {
|
246
|
172
|
value: 2
|
247
|
173
|
},
|
|
174
|
+ showEffectOn: 'render',
|
|
175
|
+ rippleEffect: {
|
|
176
|
+ brushType: 'stroke'
|
|
177
|
+ },
|
|
178
|
+ hoverAnimation: true,
|
248
|
179
|
label: {
|
249
|
180
|
formatter: '{b}',
|
250
|
181
|
position: 'right',
|
|
@@ -262,14 +193,14 @@ export default {
|
262
|
193
|
}
|
263
|
194
|
},
|
264
|
195
|
{
|
265
|
|
- name: 'Top 5',
|
|
196
|
+ name: 'Top 10',
|
266
|
197
|
type: 'effectScatter',
|
267
|
198
|
coordinateSystem: 'amap',
|
268
|
199
|
data: convertData(data.sort(function (a, b) {
|
269
|
200
|
return b.value - a.value;
|
270
|
|
- }).slice(0, 5)),
|
|
201
|
+ }).slice(0, 10)),
|
271
|
202
|
symbolSize: function (val) {
|
272
|
|
- return val[2] / 100;
|
|
203
|
+ return val[2] / 80;
|
273
|
204
|
},
|
274
|
205
|
encode: {
|
275
|
206
|
value: 2
|