echarts -地图散点地图实现部分城市散点

最新推荐文章于 2025-05-24 13:39:07 发布

。果子。

最新推荐文章于 2025-05-24 13:39:07 发布

阅读量658

点赞数 1

CC 4.0 BY-SA版权

分类专栏： echarts地图文章标签： echarts map

本文链接：https://blog.csdn.net/weixin_37982963/article/details/120493657

echarts地图专栏收录该内容

1 篇文章

订阅专栏

这篇博客介绍了如何在地图上使用ECharts实现效果散点的配置，展示特定城市的分布。通过effectScatter类型，设置不同颜色和大小的散点，分别显示了排名前5的和后10的省份，动态数据来源于后台，为地理信息可视化提供了一种有效的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

这里只记录下实现部分城市的散点配置
1.比如显示地图上的Top5和Bottom10省份

series:[{
	type:'effectScatter',
	coordinateSystem:'geo',
	symboSize:20,// 散点的大小
	zlevel:2,
	rippleEffect:{
		period:2,
		scale:4,
		brushType:"stroke",
	},
	label:{
		normal:{
			show:false,
			}
	},
	itemStyle:{
		normal:{
			color:'#ffa432',
		}
	},
	data:data1,//注意这里的data1是指产品想要的城市显示散点，数据动态来自后台
},{
type:'effectScatter',
	coordinateSystem:'geo',

	zlevel:2,
	rippleEffect:{
		period:2,
		scale:4,
		brushType:"stroke",
	},
	label:{
		normal:{
			show:false,
			}
	},
	itemStyle:{
		normal:{
			color:'#d10026',
		},
		symbolSize:[3,18] ,// 和上面显示点的大小以及颜色都不一致，
	},
	data:data2,//注意这里的data1是指产品想要的城市显示散点，数据动态来自后台
}]