ECharts地圖顏色-選中顏色設定
阿新 • • 發佈:2019-02-10
1.
echarts版本
areaColor:3.0
color:2.0
option = {
tooltip: {
trigger: 'item',
formatter: '{b}'
},
series: [
{
name: '中國',
type: 'map',
mapType: 'china',
selectedMode : 'multiple',
itemStyle: {
normal : {//未選中狀態
borderWidth:2,//邊框大小
borderColor:'lightgreen',
areaColor: 'orange',//背景顏色
label: {
show: true//顯示名稱
}
},
emphasis: {// 也是選中樣式
borderWidth:2 ,
borderColor:'#fff',
areaColor: 'red',
label: {
show: true,
textStyle: {
color: '#fff'
}
}
}
},
data:[
// {name:'廣東', selected:true}
{
name:'廣東',
itemStyle: {
normal: {
color: 'red',
label: {
show: true,
textStyle: {
color: '#fff',
fontSize: 15
}
}
},
emphasis: {// 也是選中樣式
borderWidth:5,
borderColor:'yellow',
areaColor: '#cd5c5c',
label: {
show: true,
textStyle: {
color: 'blue'
}
}
}
},
}
]
}
]
};
1.效果圖