extjs - 柱状图中列的颜色基于 extJS 3.4 中存储的值

Question

我有一个 jsonstore

var rankingStore = new Ext.data.JsonStore({
    url: './get-ranking-stats.php',
    root: 'item',
    fields: ['name', 'click', 'foto','pdf', 'gid', 'type'],
    baseParams: {end: getToday(), start: getOneWeekBefore(), typ: 'all'},
    autoLoad: true
})

和基于它的柱形图：

var statis2 =  new Ext.Panel({
    title: 'Ranking',
    width: '60%',
    height: 500,
    items: {
        xtype: 'columnchart',
        store: rankingStore,
        xField: 'name',
        id: 'mainChart2',
        yField: 'click',
        extraStyle: {
           xAxis: {
                labelRotation: -90
            }
        },
    series: [{
            type: 'column',
            displayName: 'Click counter',
            yField: 'click',
            style: {
                mode: 'stretch',
                color:0x99BBE8
            }
        }]



    }
});

所有的库尔都有相同的颜色。我想要的是根据 jsonstore 中的“类型”值设置不同的颜色。如何创建这样的规则？

Answer 1

用户在图表的渲染事件之后，您在图表中添加自己的自定义颜色。

beforerender: function(chart, record, index, series){
if(record.data.type=="Somthing"){
// add own custom css
    }
    },