|
@@ -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',
|