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

 

 

你可能感兴趣的:(VUE,echarts)