1. 程式人生 > >ECharts地圖顏色-選中顏色設定

ECharts地圖顏色-選中顏色設定

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.效果圖
這裡寫圖片描述