feat: 仪表盘地图板块（未完成）

src/components/Chart/index.vue

@@ -1,16 +1,13 @@
 <template>
-  <VCharts
-    v-if="renderChart"
-    :option="option"
-    :autoresize="autoResize"
-    :style="{ width, height }"
-  />
+  <VCharts v-if="renderChart" :option="option" :autoresize="autoResize" :style="{ width, height }" ref="chart" />
 </template>
 
 <script lang="ts" setup>
+import { registerMap } from 'echarts/core';
 import { nextTick, ref } from 'vue'
 import VCharts from 'vue-echarts'
-
+import worldMap from './world.json'
+import chinaMap from './china.json'
 defineProps({
   option: {
     type: Object,
@@ -31,7 +28,13 @@ defineProps({
     default: '100%'
   }
 })
+registerMap('world', worldMap)
+registerMap('china', chinaMap)
 const renderChart = ref(false)
+const chart = ref(null)
+defineExpose({
+  chart
+})
 // wait container expand
 nextTick(() => {
   renderChart.value = true