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

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"
		}
	};
});