统计分析-概况-地图更换

zh-hengshuianping-web/src/views/statistic/overview/conponents/Middle/CharBoxE.vue

@@ -16,359 +16,23 @@
 import Chars from "@/components/allCharsCom/Chars";
 import Infowindow from "./Infowindow";
 import { pingshanArr } from "@/utils/echarsMap/pingshan";
+import { anpingxianArr} from "@/utils/echarsMap/anpingxian";
 import axios from "axios";
 const data = [
-  {
-    name: "丰登坞镇",
-    index: 21,
-    a:21,
-    b: 21,
-    c: 7149,
-    d: 0,
-    e: 0,
-    f: 0,
-    g: "0/0",
-    h: "0/0",
-    i: "0/0",
-  },
-  {
-    name: "丰润镇",
-    index: 32,
-    a: 31,
-    b: 2,
-    c: 21595,
-    d: 0,
-    e: 0,
-    f: 0,
-    g: "0/0",
-    h: "0/0",
-    i: "0/0",
-  },
-  {
-    name: "欢喜庄乡",
-    index: 4,
-    a: 4,
-    b: 3,
-    c: 2744,
-    d: 0,
-    e: 0,
-    f: 0,
-    g: "0/0",
-    h: "0/0",
-    i: "0/0",
-  },
-  {
-    name: "姜家营乡",
-    index: 8,
-    a: 8,
-    b: 4,
-    c: 3611,
-    d: 0,
-    e: 0,
-    f: 0,
-    g: "0/0",
-    h: "0/0",
-    i: "0/0",
-  },
-  {
-    name: "刘家营乡",
-    index: 10,
-    a: 10,
-    b: 5,
-    c: 4960,
-    d: 0,
-    e: 0,
-    f: 0,
-    g: "0/0",
-    h: "0/0",
-    i: "0/0",
-  },
-  {
-    name: "七树庄镇",
-    index: 10,
-    a: 10,
-    b: 6,
-    c: 6094,
-    d: 0,
-    e: 0,
-    f: 0,
-    g: "0/0",
-    h: "0/0",
-    i: "0/0",
-  },
-  {
-    name: "任各庄镇",
-    index: 21,
-    a: 19,
-    b: 7,
-    c: 12244,
-    d: 0,
-    e: 0,
-    f: 0,
-    g: "0/0",
-    h: "0/0",
-    i: "0/0",
-  },
-  {
-    name: "石各庄镇",
-    index: 12,
-    a: 7,
-    b: 8,
-    c: 5569,
-    d: 0,
-    e: 0,
-    f: 0,
-    g: "0/0",
-    h: "0/0",
-    i: "0/0",
-  },
-  {
-    name: "小张各庄镇",
-    index: 10,
-    a: 0,
-    b: 90,
-    c: 6861,
-    d: 0,
-    e: 0,
-    f: 0,
-    g: "0/0",
-    h: "0/0",
-    i: "0/0",
-  },
-  {
-    name: "新军屯镇",
-    index: 30,
-    a: 29,
-    b: 0,
-    c: 14451,
-    d: 0,
-    e: 0,
-    f: 0,
-    g: "0/0",
-    h: "0/0",
-    i: "0/0",
-  },
-  {
-    name: "银城铺镇",
-    index: 11,
-    a: 11,
-    b: 0,
-    c: 8517,
-    d: 0,
-    e: 0,
-    f: 0,
-    g: "0/0",
-    h: "0/0",
-    i: "0/0",
-  },
-  {
-    name: "火石营镇",
-    index: 0,
-    a: 0,
-    b: 0,
-    c: 0,
-    d: 0,
-    e: 0,
-    f: 0,
-    g: "0/0",
-    h: "0/0",
-    i: "0/0",
-  },
-  {
-    name: "黄昏峪乡",
-    index: 0,
-    a: 0,
-    b: 0,
-    c: 0,
-    d: 0,
-    e: 0,
-    f: 0,
-    g: "0/0",
-    h: "0/0",
-    i: "0/0",
-  },
-  {
-    name: "左家坞镇",
-    index: 0,
-    a: 0,
-    b: 0,
-    c: 0,
-    d: 0,
-    e: 0,
-    f: 0,
-    g: "0/0",
-    h: "0/0",
-    i: "0/0",
-  },
-  {
-    name: "王官营镇",
-    index: 0,
-    a: 0,
-    b: 0,
-    c: 0,
-    d: 0,
-    e: 0,
-    f: 0,
-    g: "0/0",
-    h: "0/0",
-    i: "0/0",
-  },
-  {
-    name: "泉河头镇",
-    index: 0,
-    a: 0,
-    b: 0,
-    c: 0,
-    d: 0,
-    e: 0,
-    f: 0,
-    g: "0/0",
-    h: "0/0",
-    i: "0/0",
-  },
-  {
-    name: "杨官林镇",
-    index: 0,
-    a: 0,
-    b: 0,
-    c: 0,
-    d: 0,
-    e: 0,
-    f: 0,
-    g: "0/0",
-    h: "0/0",
-    i: "0/0",
-  },
-  {
-    name: "丰润区城区",
-    index: 0,
-    a: 0,
-    b: 0,
-    c: 0,
-    d: 0,
-    e: 0,
-    f: 0,
-    g: "0/0",
-    h: "0/0",
-    i: "0/0",
-  },
-  {
-    name: "银城铺乡",
-    index: 0,
-    a: 0,
-    b: 0,
-    c: 0,
-    d: 0,
-    e: 0,
-    f: 0,
-    g: "0/0",
-    h: "0/0",
-    i: "0/0",
-  },
-  {
-    name: "常庄乡",
-    index: 0,
-    a: 0,
-    b: 0,
-    c: 0,
-    d: 0,
-    e: 0,
-    f: 0,
-    g: "0/0",
-    h: "0/0",
-    i: "0/0",
-  },
-  {
-    name: "白官屯镇",
-    index: 0,
-    a: 0,
-    b: 0,
-    c: 0,
-    d: 0,
-    e: 0,
-    f: 0,
-    g: "0/0",
-    h: "0/0",
-    i: "0/0",
-  },
-  {
-    name: "新庄子乡",
-    index: 0,
-    a: 0,
-    b: 0,
-    c: 0,
-    d: 0,
-    e: 0,
-    f: 0,
-    g: "0/0",
-    h: "0/0",
-    i: "0/0",
-  },
-  {
-    name: "燕子河乡",
-    index: 0,
-    a: 0,
-    b: 0,
-    c: 0,
-    d: 0,
-    e: 0,
-    f: 0,
-    g: "0/0",
-    h: "0/0",
-    i: "0/0",
-  },
-  {
-    name: "三女河乡",
-    index: 0,
-    a: 0,
-    b: 0,
-    c: 0,
-    d: 0,
-    e: 0,
-    f: 0,
-    g: "0/0",
-    h: "0/0",
-    i: "0/0",
-  },
-  {
-    name: "老庄子镇",
-    index: 0,
-    a: 0,
-    b: 0,
-    c: 0,
-    d: 0,
-    e: 0,
-    f: 0,
-    g: "0/0",
-    h: "0/0",
-    i: "0/0",
-  },
-  {
-    name: "李钊庄镇",
-    index: 0,
-    a: 0,
-    b: 0,
-    c: 0,
-    d: 0,
-    e: 0,
-    f: 0,
-    g: "0/0",
-    h: "0/0",
-    i: "0/0",
-  },
-  {
-    name: "沙流河镇",
-    index: 0,
-    a: 0,
-    b: 0,
-    c: 0,
-    d: 0,
-    e: 0,
-    f: 0,
-    g: "0/0",
-    h: "0/0",
-    i: "0/0",
-  },
+  // 每个县点击时显示数据格式
+  // {
+  //   name: "丰登坞镇",
+  //   index: 21,
+  //   a:21,
+  //   b: 21,
+  //   c: 7149,
+  //   d: 0,
+  //   e: 0,
+  //   f: 0,
+  //   g: "0/0",
+  //   h: "0/0",
+  //   i: "0/0",
+  // }
 ];
 
 export default {
@@ -396,7 +60,7 @@ export default {
       // const res = await axios(
       //   "https://cdn.jsdelivr.net/gh/apache/echarts-website@asf-site/examples/data/asset/geo/HK.json"
       // );
-      const geoJson = { features: pingshanArr, type: "FeatureCollection" };
+      const geoJson = { features: anpingxianArr, type: "FeatureCollection" };
       console.log(geoJson);
       this.$echarts.registerMap("HK", geoJson);
       this.options = {

zh-hengshuianping-web/src/views/statistic/overview/conponents/Middle/index.vue

@@ -9,7 +9,7 @@
 <template>
   <div class="middle-components all-flex-h">
     <div class="top">
-      <img src="@/assets/image-overview/fengrun.png" alt="" />
+      <img src="@/assets/image-overview/anpingxian.png" alt="" />
     </div>
     <div class="bottom" id="bottom-map">
       <CharsBoxE/>