瀏覽代碼

fix(compiler): 修改数据大屏地图的样式

shylock 4 月之前
父節點
當前提交
b21805d6d9
共有 1 個文件被更改,包括 16 次插入8 次删除
  1. 16 8
      src/pages/DataBoard/mapComponent.tsx

+ 16 - 8
src/pages/DataBoard/mapComponent.tsx

@@ -8,7 +8,6 @@ interface propsData {
   userData: number;
   deviceData: number;
   areaList: any;
-  // mapData: any;
 }
 
 /**
@@ -73,21 +72,30 @@ const MapComponent: React.FC<propsData> = (props) => {
       },
       series: [
         {
-          name: 'light',
-          type: 'scatter',
+          name: '散点',
+          type: 'effectScatter',
           coordinateSystem: 'geo',
+          rippleEffect: {
+            brushType: 'fill',
+          },
+          itemStyle: {
+            normal: {
+              color: '#F4E925',
+              shadowBlur: 10,
+              shadowColor: '#333',
+            },
+          },
           data: convertData(areaList),
-          symbolSize: function (val: number[]) {
-            return val[2];
+          symbolSize: function (val: any[]) {
+            return val[2] / 5;
           },
           label: {
             formatter: '{b}',
             position: 'right',
             show: true,
+            color: '#fff',
           },
-          itemStyle: {
-            color: '#ddb926',
-          },
+          showEffectOn: 'render', //加载完毕显示特效
         },
         {
           type: 'map',