echarts 散点图 scatter 怎么根据后台请求回来的数据来渲染每一个点的颜色

返回的数据如下所示,如何根据每个数据的status的值来定义每个点的颜色呢?
比如status=0 红色

status=1   绿色
data=[{
    time:"2018-06-21",
    status:0,
    value:77
},
{
    time:"2018-06-21",
    status:1,
    value:77
},{
    time:"2018-06-21",
    status:2,
    value:77
}]
阅读 6.9k
1 个回答
 series: [{
        symbolSize: 20,
        data: [{
            time:"2018-06-21",
            status:0,
            value:76
        },
        {
            time:"2018-06-21",
            status:1,
            value:47
        },{
            time:"2018-06-21",
            status:2,
            value:17
        }],
        type: 'scatter',
        itemStyle:{
            normal:{
                color:params=>{
                    switch(params.data.status){
                        case 0:
                            return 'red';
                        case 1:
                            return 'green';
                        case 2:
                            return 'yellow';
                    }
                }
            }
        }
    }]

设置itemStyle,一般涉及到图形的样式都是这个字段,颜色就找color 大部分图形的color等都是可以自定义的,也就是提供了回调函数

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏