echarts散点图控制散点颜色
echarts中的散点图要实现不同的数据对应不同的颜色,要使用visualMap视觉映射组件,通俗点就是实现数据对应视觉效果,
下面是自己实现的散点图效果及代码:
//这里是实现效果的核心代码部分
visualMap:[// 注意同 series 是同级的
{
left:null,
right:20,
dimesion:7,
categories:['物理','化学','生物','语文'],//这是每个图标里面的中的数据
inRange:{//设置散点图内部散点颜色
symbolSize:30,
color:['red','blue','orange','green']//对应上面不同数据的颜色
},
outOfRange: {//设置散点图外部说明点
color: '#000',
symbolSize: {//这里设置外部说明图标大小
'物理': 50,
'': 30
},
symbol: {//设置图标形状
'优': 'diamond',
'': 'circle'
}
}
}
]
`