echart的series为map,加effectScatter
时间: 2024-03-05 09:47:32 浏览: 91
echarts-map
好的,针对您的问题,您可以在 ECharts 中使用 `series` 的 `map` 类型,然后再加上 `effectScatter` 来实现地图上的散点图。具体的实现方法如下:
1. 在 `series` 中配置 `map` 类型的图表,例如:
```javascript
series: [
{
type: 'map',
map: 'china'
}
]
```
2. 在 `series` 中再添加一个 `effectScatter` 类型的图表,例如:
```javascript
series: [
{
type: 'map',
map: 'china'
},
{
type: 'effectScatter',
coordinateSystem: 'geo',
data: [
{name: '北京', value: [116.46,39.92]},
{name: '上海', value: [121.48,31.22]},
{name: '广州', value: [113.23,23.16]},
{name: '深圳', value: [114.07,22.62]},
{name: '杭州', value: [120.19,30.26]}
],
symbolSize: function (val) {
return val[2] / 10;
},
label: {
emphasis: {
show: true,
formatter: function (param) {
return param.data.name + ': ' + param.data.value[2];
},
position: 'top'
}
},
itemStyle: {
normal: {
color: '#ddb926'
}
}
}
]
```
其中,`data` 是传入的散点数据,`symbolSize` 是每个散点的大小,`label` 是鼠标悬浮在散点上时显示的标签,`itemStyle` 是散点的样式。
希望这个回答能够帮到您!
阅读全文