柱形图的不同颜色

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;
            }
            .
            .
        }]