1. 程式人生 > >echarts散點圖標註顏色設定不起作用?

echarts散點圖標註顏色設定不起作用?

visualMap: {
                    show:false,
                    min: 0,
                    max: 100,
                    splitNumber: 5,
                    inRange: {
                        color: ['#d94e5d','#eac736','#50a3ba'].reverse()
                    },
                    textStyle: {
                        color: '#fff'
                    }
            },
series: [
{},//地圖,這裡省略
  {
     type:'effectScatter',
     coordinateSystem: 'geo',
     symbol:'pin',
     symbolSize:15,
     rippleEffect: {
         brushType: 'stroke'
     }, 
     itemStyle:{
        color:'red'
     },                
     
     // data:[[113.65, 35.76,0]] 顏色是淺藍色
     // data:[{value:[113.65, 35.76,0],itemStyle : {normal : {color :'red'}}}] 不起作用
     //data:[[113.65, 35.76,100]] //這麼寫顏色雖然變紅了,但不是正宗的紅色
     data:[{value:[113.65, 35.76,0],visualMap: false}] //這樣寫對了
 }]

原因:visualMap 元件控制了 series 中的資料,進行了『視覺編碼』,也就是將資料對映到視覺元素(視覺通道)。

所以,data中value的值不同,對映後的顏色會改變。

想哪個資料不被控制,就要設定它的visualMap:false