charts - 柱形图的不同颜色

Question

我正在使用 ExtJS 来呈现图表，但我的柱形图对于所有系列都具有相同的颜色。这个系列需要不同的颜色。只发生在柱形图、条形图和面积图上，折线图工作正常。

我的代码：

Ext.Ajax.request({
        method: 'get',
        url: Webapp.link('chart/' + key),
        success: function(response){
            var resposta = Ext.JSON.decode(response.responseText);
            var chart = Ext.create('Hemisphere.view.chart.Chart', {
                axes: resposta.chart.axes,
                series: resposta.chart.series,
                store: store (The store is defined previously)
            });
            panel.removeAll();
            panel.add(chart);
            }
        }
    });

任何人都可以帮助我吗？谢谢。

一个系列代码示例。

Answer 1

renderer您可以使用series.

Ext 文档有一个这样的工作示例：

http://docs.sencha.com/ext-js/4-1/#!/example/charts/Column2.html

        series: [{
            type: 'column',
            renderer: function(sprite, storeItem, barAttr, i, store) {
                barAttr.fill = colors[i % colors.length];
                return barAttr;
            }
            .
            .
        }]