0
回答
echarts 时间坐标折线图能设置不同点的颜色吗?
滴滴云服务器,限时包月0.9元,为开发者而生>>>   

 有个需求想根据Y轴的值确定折线图上点的颜色。现在遇到两个问题:

1、itemStyle: {
    normal: {
        color: function(params) {
            var colorList = ['#FF0000','#FFFF00','#0000FF','#2EC7C9'];
            var colorListindex=0; 
            
            console.log(params.data[1]);
            return colorList[colorListindex];
        },
        lineStyle:{
              color:'#2EC7C9'
        }
    }
},

参数是params额时候params.data[1]取不到值。报错如下:


2、itemStyle: {
    normal: {
        color: function(value) {
            var colorList = ['#FF0000','#FFFF00','#0000FF','#2EC7C9'];
            var colorListindex=0; 
            if(Number(value.series.data[1][1])>=95){
            colorListindex=3;
            }else if(Number(value.series.data[1][1])<95&&Number(value.series.data[1][1])>=90){
            colorListindex=2;
            }else if(Number(value.series.data[1][1])<90&&Number(value.series.data[1][1])>=85){
            colorListindex=1;
            }else{
            colorListindex=0;
            }
            console.log(Number(value.series.data[1][1]));
            return colorList[colorListindex];
        },
        lineStyle:{
              color:'#2EC7C9'
        }
    }
},
这种写法最后所有点的颜色都是一个色。

请帮忙看下,感谢?


举报
sh20104510
发帖于2年前 0回/1K+阅

以下是问题补充:

  • @sh20104510 :参考例子:http://echarts.baidu.com/echarts2/doc/example/line8.html (2年前)
顶部