How to change color of bar chart in extjs4.1

[vijayakumar84]

Hi friend,
can anybody tell how to change the color of bar chart.I have tried but its not working

style : {
fill : ['red', 'green'],
width : 30


}

[Farish]

This is how I did it (found it somewhere on the net). In the bar chart series, use the following renderer:

renderer: function(sprite, record, attr, index, store) {
    var color = colorpalette[index];
    return Ext.apply(attr, { fill: color });
}

where

var colorpalette = [
                                        'rgb(23, 67, 80)',            // black
                                        'rgb(255, 255, 0)',            // yellow
                                        'rgb(164, 107, 100)',        // brown
                                        'rgb(0, 0, 160)',            // dark blue
                                        'rgb(0, 128, 0)',                // dark green
                                        'rgb(255, 158, 30)',        // orange
                                        'rgb(13, 175, 248)',        // light blue
                                        'rgb(255, 50, 50)',            // red
                                        'rgb(128, 0, 128)',            // purple
                                        'rgb(0, 205, 0)',                // light green
                                        'rgb(255, 10, 138)'            // pink
                                    ];

PS: This worked in ExtJS 4.0.7. Havent tested with newer versions.