2020-12-30

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'
                }
            }
            }
            ]

`