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