如何在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）有风格的配置选项之一。
• 我添加了宽度属性后跟所需的大小。

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