fix: 中国地图组件支持配置是否显示海南群岛

src/packages/components/Charts/Maps/MapChina/config.ts

@@ -36,7 +36,7 @@ export const option = {
     {
       name: '地图',
       type: 'map',
-      map: 'china',
+      map: 'chinaWithoutHainanIsLands',
       zoom: 1, //缩放
       itemStyle: {
         // 背景色
@@ -49,7 +49,8 @@ export const option = {
         },
         color: '#ffffff',
         borderColor: '#75ecaa',
-        borderWidth: 1
+        borderWidth: 1,
+        showHainanIsLands: true // 是否显示海南群岛
       },
       label: {
         show: true,

src/packages/components/Charts/Maps/MapChina/config.vue

@@ -43,6 +43,11 @@
           ></n-input-number>
         </SettingItem>
       </SettingItemBox>
+      <SettingItemBox name="其他">
+        <SettingItem>
+          <n-checkbox v-model:checked="seriesList[1].itemStyle.showHainanIsLands" size="small">显示海南群岛</n-checkbox>
+        </SettingItem>
+      </SettingItemBox>
     </CollapseItem>
     <CollapseItem name="标记" :expanded="true">
       <SettingItemBox name="样式">

src/packages/components/Charts/Maps/MapChina/index.vue

@@ -14,8 +14,8 @@ import { useChartDataFetch } from '@/hooks'
 import { mergeTheme } from '@/packages/public/chart'
 import { useChartEditStore } from '@/store/modules/chartEditStore/chartEditStore'
 import { isPreview } from '@/utils'
-import dataJson from './data.json'
 import mapJson from './map.json'
+import mapJsonWithoutHainanIsLands from './mapWithoutHainanIsLands.json'
 import { DatasetComponent, GridComponent, TooltipComponent, LegendComponent, GeoComponent } from 'echarts/components'
 
 const props = defineProps({
@@ -45,6 +45,7 @@ use([
 ])
 
 registerMap('china', { geoJSON: mapJson as any, specialAreas: {} })
+registerMap('chinaWithoutHainanIsLands', { geoJSON: mapJsonWithoutHainanIsLands as any, specialAreas: {} })
 
 const option = reactive({
   value: mergeTheme(props.chartConfig.option, props.themeSetting, includes)
@@ -58,6 +59,27 @@ const dataSetHandle = (dataset: any) => {
   })
 }
 
+const mapTypeHandle = (config: boolean) => {
+  // props.chartConfig.option.series.forEach((item: any) => {
+  //   if (item.type === 'effectScatter' && dataset.point) item.data = dataset.point
+  //   else if (item.type === 'map' && dataset.point) item.data = dataset.map
+  //   option.value = props.chartConfig.option
+  // })
+  props.chartConfig.option.series[1].map = config ? 'china' : 'chinaWithoutHainanIsLands'
+  option.value = props.chartConfig.option
+}
+
+watch(
+  () => props.chartConfig.option.series[1].itemStyle.showHainanIsLands,
+  newData => {
+    mapTypeHandle(newData)
+  },
+  {
+    deep: true,
+    immediate: true
+  }
+)
+
 watch(
   () => props.chartConfig.option.dataset,
   newData => {