Echarts 柱状图根据数据显示不同颜色

老名字被占了 发布于 2014/11/10 14:49
阅读 10K+
收藏 1

@Kener-林峰  你好,我最近在使用Echart,想跟你请教个问题:我想实现柱状图根据数据大小来显示不同的颜色,目前是这样实现的

    series: [
    {
        name: '移动数据',
        type: 'bar',
        symbol: 'none',
        data:MobileData,
        itemStyle: {
            normal: {
                color: function(value) {
                   if(value<0) 
                   {                   
                        return 'red'
                   }
                   else 
                   {
                        return 'green'
                   }
                }
            }
        }
    }
但是这个Value值一直都是0,是我哪里写的不对吗?望抽空能指教一下。谢谢

加载中
0
老名字被占了
老名字被占了
我知道怎么解决了。。。嘿嘿。。。
浓郁咖啡
回复 @Rudy-Pian-o : 我也是想到了这个,可是我得到的dataIndex一直都是-1,可以请教一下你是怎么做的吗?方便的话发我邮箱可以吗?1808718015@qq.com谢谢
1030102244
1030102244
回复 @Rudy-Pian-o : 发个代码吧
老名字被占了
老名字被占了
回复 @yqt20114 : 在做数据集合的时候,写上数据对应的颜色。这个方法比较笨。
y
yqt20114
请问下你是怎么实现的呢?我现在也在做这个东西
0
Kener-林峰
Kener-林峰
自己补个答案吧
0
老名字被占了
老名字被占了
不好意思,回复晚了,最近没上。。。我做的主要是在做数据时,将属性生成到数据集合中,在Echart中就会根据数据集合出现不一样的颜色了。
0
天亮出发
天亮出发

请教下啊,这个params值为啥一直是0呢??

itemStyle: {
                 normal: {
                     color: function(params) {
                         return colorList[params.dataIndex];
                     }
                 }
             }

0
天亮出发
天亮出发
series: [{
                    name: '2012年',
                    type: 'bar',
                    itemStyle: {
                        normal: {
                            color: function(param) {
                                console.log("adfadf" + param);
                                // build a color map as your need.
                                var colorList = [
                                    '#C1232B', '#B5C334', '#FCCE10', '#E87C25', '#27727B',
                                    '#FE8463', '#9BCA63', '#FAD860', '#F3A43B', '#60C0DD',
                                    '#D7504B', '#C6E579', '#F4E001', '#F0805A', '#26C0C0'
                                ];
                                return colorList[param++]
                            }
                        }
                    },
                    data: [19325, 23438, 31000, 121594, 134141, 681807]
                }]
            };
0
w
wwlan

如果我需要的是固定某种颜色呢?比如说错误数据显示为红色,你这种就不能随机显示颜色了

返回顶部
顶部