duwendi пре 1 година
родитељ
комит
c513955540
1 измењених фајлова са 11 додато и 80 уклоњено
  1. 11 80
      src/pages/index/components/parking_area.vue

+ 11 - 80
src/pages/index/components/parking_area.vue

@@ -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