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