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

getLedengColorメソッドをオーバーライドすることで、それを実行できるはずです。

Answer 2

コントローラーで:

チャートを入手する

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

それから：

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

その後、次のようにチャートを再描画する必要があります。

chart.redraw();