条形图传奇颜色变化

时间:2013-08-07 11:58:09

标签: extjs charts extjs4.2

我想改变extjs中条形图的颜色。 我可以用渲染器连续更改条形图,但现在我想改变图例的颜色。 这是一段代码:

           .. series : [ {
                type : 'bar',
                axis : 'bottom',
                gutter : 0,
                groupGutter : 0,
                yField : this.fields,
                title : this.fieldTitles,
                colorArrayStyle : ['#FFF']
                stacked : true,
                fill: true,
                scope: this,
                renderer: function(sprite, record, attr, index, store) {
                    var color = fieldColors[index];                    
                    attr.fill = color;
                    return attr;
               }, ....

如何更改图例的颜色?

2 个答案:

答案 0 :(得分:0)

您应该可以通过覆盖getLedengColor方法来完成此操作。

答案 1 :(得分:0)

在您的控制器中:

获取图表

var chart = Ext.getCmp('yourchart');

然后:

chart.series.items[0].colorArrayStyle = ['#97d856', '#4a96db', '#f05665', '#fe9f2f','#fec27b'];

之后你应该像这样重绘图表:

chart.redraw();