如何在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