随笔 - 242  文章 - 2  评论 - 7  阅读 - 19万 

echarts 自定义省份区块颜色的两种方法

方法一:以值为区间,通过echarts提供的inRange属性配置在不同的值范围内省份区块显示不同的颜色。
重点:min,max,inRange.color
效果:min值色块取值#E0E0E0,max值色块取值#668DEE

visualMap: {
	show: false,
	min: 0,
	max: 1000,
	left: '10%',
	top: 'bottom',
	calculable: true,
	seriesIndex: [0],
	inRange: {
		color: ["#E0E0E0", "#CCD9F9","#98B2F3","#668DEE"]
	}
},

方法二:在数据集合中为每项配置itemStyle属性以达到不同省份使用不同颜色的目的。
适用于对每个省份单独配置不同颜色。

let provinceList = [{name: '广东', value: 200}, ...] // 模拟数据
provinceList.map(item => {
	item.itemStyle = {
		"normal": {
			"areaColor": "#67c23a"
		}
	};
});
posted on   羽丫头不乖  阅读(4053)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· CSnakes vs Python.NET:高效嵌入与灵活互通的跨语言方案对比
· DeepSeek “源神”启动!「GitHub 热点速览」
· 我与微信审核的“相爱相杀”看个人小程序副业
· Plotly.NET 一个为 .NET 打造的强大开源交互式图表库
· 上周热点回顾(2.17-2.23)
点击右上角即可分享
微信分享提示