6
回答
Echarts 柱状图根据数据显示不同颜色
利用AWS快速构建适用于生产的无服务器应用程序,免费试用12个月>>>   

@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,是我哪里写的不对吗?望抽空能指教一下。谢谢

举报
Rudy-Pian-o
发帖于3年前 6回/6K+阅
我知道怎么解决了。。。嘿嘿。。。
--- 共有 4 条评论 ---
浓郁咖啡 回复 @Rudy-Pian-o : 我也是想到了这个,可是我得到的dataIndex一直都是-1,可以请教一下你是怎么做的吗?方便的话发我邮箱可以吗?1808718015@qq.com谢谢 6个月前 回复
1030102244回复 @Rudy-Pian-o : 发个代码吧 2年前 回复
Rudy-Pian-o回复 @yqt20114 : 在做数据集合的时候,写上数据对应的颜色。这个方法比较笨。 2年前 回复
yqt20114请问下你是怎么实现的呢?我现在也在做这个东西 2年前 回复
不好意思,回复晚了,最近没上。。。我做的主要是在做数据时,将属性生成到数据集合中,在Echart中就会根据数据集合出现不一样的颜色了。

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

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

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]
                }]
            };
顶部