extjs - マルチカラー ExtJS 縦棒グラフを作成する最も簡単な方法

Question

http://dev.sencha.com/ext/5.0.1/examples/kitchensink/?charts=true#bar-basicのキッチン シンクの例に見られるように、各列には同じデフォルト色があります。

すべての色を変更するのはかなり簡単に思えますが、各列を別々の色で塗りつぶす解決策を見つけるのに苦労しています.

私はストアを使用しており、そこからロードしてグラフを作成しているため、列の数がわからない場合があります。

以下のコード スニペストは、すべてのバーの色を配列の最初の要素 (Cream) に設定します。

助言がありますか？

私が現在持っているコードは次のようになります。

axes: [{
                    type: 'numeric',
                    position: 'left',
                    title: {
                        text: 'Cost',
                        fontSize: 15
                    },
                    grid: true,
                    minimum: 0,
                    fields: 'Value'
                }, {
                    type: 'category',
                    position: 'bottom',
                    title: {
                        text: 'Type',
                        fontSize: 15
                    },
                    fields: 'Type'
                }],
                series: {
                    type: 'bar',
                    xField: 'Type',
                    yField: 'Value'
                },
                colors: [
                    '#FFEC94', //cream
                    '#F7FE2E', //yellow
                    '#3ADF00', //green
                    '#B4D8E7', //light blue
                    '#56BAEC', //blue
                    '#FA5858', //red
                    '#FFAEAE', //pink
                    '#FAAC58' //orange
                ]