关于柱状图自定义颜色问题

八块儿半腹肌 发布于 2014/08/05 10:34
阅读 567
收藏 0

@Kener-林峰 你好,想跟你请教个问题:我现在正在使用echarts中的柱状图组建,目前的业务需求是根据柱状图y轴数值的大小来确定柱子的颜色,y值小于30时为绿色,大于30小于50时为黄色,大于50为红色。请问如何根据y值来为柱状图着色。谢谢。

加载中
0
Kener-林峰
Kener-林峰
itemStyle.normal.color知道function,回调函数里做数值颜色映射
y
yqt20114
请问具体是怎么实现的呢?Data中的值怎么放在function方法中进行比较判断呢?
0
天亮出发
天亮出发

这个itemStyle的color设置有版本限制吗,发现2.0.0里面不起作用,最新的版本可以

0
天亮出发
天亮出发

params参数值一直为0,知道为啥不??

itemStyle: {
                normal: {
                    color: function(params) {
                        // 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[params.dataIndex]
                    }
                }
            },

浓郁咖啡
请问您的这个问题解决了吗?我有同样的问题,可以告知一下解决方法吗?邮箱:1808718015@qq.com
返回顶部
顶部