Как изменить ширину столбца один за другим в диаграмме столбцов extjs?

Question

Как изменить ширину столбца диаграммы столбцов один за другим? Мне нужны такие графики:

 _          __
| |  ____  |  |
| | |    | |  |
| | |    | |  |
|_| |____| |__|

Answer 1

...

series: [
     {
             type: 'column',
             axis: 'left',
             gutter: 10,
             style: {
                   width: 50    //<-- Specify you Column width here
             },
             xField: 'title',                            
             yField: ['totaltodotime', 'workdone'],
             stacked: true,
...

• Ext Документация JS (http://docs.sencha.com/ext-js/4-0/#!/api/Ext.chart.series.Column-cfg-style) для столбца Chart Series имеет стиль как один из параметров конфигурации.
• Я добавил ширина атрибут с последующим необходимым размером.

Answer 2

renderer: function(sprite, record, attr, index, store) {                       
                        var color = selectedColor;
                        if (unique condition to identify the column ) {
                            return Ext.apply(attr, {
                                fill: color,
                                width: 100,x:50,y:50

                            });

                        }
                        else(another condition) {
                            return Ext.apply(attr, {
                                fill: color
                                ,width: 50,

                            });
                        }

                    },
you can use record or index or store to identify the column being rendered