var myChart = ec.init(document.getElementById('main'));
let option = {
tooltip: {
trigger: 'item',
},
dataRange: {//左下角的顏色塊。start：值域開始值；end：值域結(jié)束值；label：圖例名稱；color：自定義顏色值
x: 'left',
y: 'bottom',
show:false,
splitList: [
// 此處根據(jù)下方data中的value值來顯示不同的顏色
{start: 10, label: '此處自定義', color: '#FFB956'},
{start: 8, end: 10, label: '此處自定義 高', color: '#E66C1B'},
{start: 5, end: 8, label: '此處自定義 中', color: '#F19610'},
{start: 3, end: 5, label: '此處自定義 低', color: '#8A00E1'},
{start:0, end: 3,label: '此處自定義', color: '#403C6F'}
]
},
series: [{
name: '中國',
type: 'map',
mapType: 'china',
selectedMode: false,//single 表示單選;multiple表示多選 默認(rèn)flase不選
itemStyle: {
normal: {
label: {
show: false,//默認(rèn)是否顯示省份名稱
},
areaStyle: {
color: '#f3f3f3',//默認(rèn)的地圖板塊顏色
},
borderWidth:1,
borderColor:'#e1e1e1',
},
emphasis: {
label: {
show: true,//選中狀態(tài)是否顯示省份名稱
},
areaStyle: {
color: '#90c31d',//選中狀態(tài)的地圖板塊顏色
},
},
},
//此為需要顯示不同顏色的數(shù)據(jù)
data: [
{name: '廣東',selected: true,value:10},
{name: '廣西',selected: true,value:10},
{name: '四川',selected: true,value:10},
]
}]文章來源：http://www.zghlxwxcb.cn/news/detail-432366.html
};文章來源地址http://www.zghlxwxcb.cn/news/detail-432366.html
到了這里，關(guān)于echarts地圖不同地區(qū)設(shè)置不同的顏色的文章就介紹完了。如果您還想了解更多內(nèi)容，請?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
