鍍金池/ 問答/HTML/ echarts 散點(diǎn)圖 scatter 怎么根據(jù)后臺(tái)請求回來的數(shù)據(jù)來渲染每一個(gè)

echarts 散點(diǎn)圖 scatter 怎么根據(jù)后臺(tái)請求回來的數(shù)據(jù)來渲染每一個(gè)點(diǎn)的顏色

返回的數(shù)據(jù)如下所示，如何根據(jù)每個(gè)數(shù)據(jù)的status的值來定義每個(gè)點(diǎn)的顏色呢？
比如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
}]
回答
編輯回答
舊城人
 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';
                    }
                }
            }
        }
    }]

設(shè)置itemStyle，一般涉及到圖形的樣式都是這個(gè)字段，顏色就找color 大部分圖形的color等都是可以自定義的，也就是提供了回調(diào)函數(shù)

2018年6月22日 13:22