如何在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）将样式作为配置选项之一。
• 我添加了 width 属性，后跟所需尺寸。

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