update ChartMap.vue

src/views/map/ChartMap.vue

@@ -1,5 +1,13 @@
 <template>
   <div>
+    <el-button
+      style="float: right; margin-right: 5px"
+      type="plain"
+      icon="el-icon-refresh"
+      @click="onButtonRefresh"
+    >
+      刷新
+    </el-button>
     <el-select
       v-model="areaCode"
       placeholder="选择地区查看数据地图"
@@ -90,22 +98,18 @@ export default {
       var dataList = []
       for (const item of mapData['features']) {
         var name = item['properties']['name']
-        var value = this.randomData(base)
+        var value = 110
         dataList.push({ name: name, value: value })
       }
 
       return dataList
     },
-    randomData(base) {
-      // var base = 1000
-      return Math.ceil(Math.random() * base)
-    },
     getChartOption1(mapName, dataList) {
       return {
         backgroundColor: '#FFFFFF',
         title: {
-          text: '数据地图',
-          subtext: '展示各级行政区的数据',
+          text: '评论照片地图可视化',
+          subtext: '展示各级行政区的照片数量',
           x: 'center' // 标题居中
         },
         tooltip: {
@@ -135,7 +139,7 @@ export default {
           ]
         },
         series: [{
-          name: '数据地图',
+          name: '照片数量',
           type: 'map',
           map: mapName, // 和 registerMap 时使用的 name 一致
           roam: true, // 是否可以移动, 放大缩小地图
@@ -227,6 +231,14 @@ export default {
         }
         this.myChart.setOption(this.chartOption)
       }
+    },
+    onButtonRefresh() {
+      if (this.areaCode === '') {
+        this.$message.info('请先选择地区')
+        return
+      }
+
+      this.onSelect()
     }
   }
 }