extjs - 条形图图例颜色变化

Question

我想在 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;
               }, ....

如何更改图例的颜色？

Answer 1

在您的控制器中：

获取图表

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

然后：

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

之后，您应该需要像这样重新绘制图表：

chart.redraw();

Answer 2

您应该能够通过覆盖该getLedengColor方法来做到这一点。