echarts 地图打点
时间: 2024-01-26 15:14:28 浏览: 191
在echarts中,有多种方式可以在地图上进行打点。根据提供的引用内容,我将介绍两种常用的打点方式。
1. 使用scatter(散点图):
```javascript
option = {
series: [{
type: 'scatter',
coordinateSystem: 'geo',
data: [{
name: '点1',
value: [经度, 纬度]
}, {
name: '点2',
value: [经度, 纬度]
}, {
name: '点3',
value: [经度, 纬度]
}],
symbolSize: 10,
label: {
show: true, formatter: '{b}'
},
itemStyle: {
color: 'red'
}
}]
};
```
2. 使用地图区域填充颜色:
```javascript
option = {
series: [{
type: 'map', map: '地图名称',
itemStyle: {
normal: {
areaColor: {
type: 'linear',
x: 0,
y: 0,
x2: 1,
y2: 1,
colorStops: [{
offset: 0,
color: '#24a0fa'
}, {
offset: 1,
color: '#15072a'
}],
global: false
},
borderColor: '#a18a3a',
borderWidth: 1
},
emphasis: {
show: false,
areaColor: null
}
},
data: [{
name: '点1',
value: 100
}, {
name: '点2',
value: 200
}, {
name: '点3',
value: 300
}]
}]
};
```
以上是两种在echarts地图上进行打点的方法。第一种是使用散点图,可以自定义点的样式和标签。第二种是使用地图区域填充颜色,可以根据数据的值来决定颜色的深浅。具体的代码实现可以根据实际需求进行调整。
阅读全文