グリッド（ExtJS 3.3.1）のセルでバーを作成するには

Question

グリッドには関連付けられたJsonStoreがあり、すべてが大きく取り込まれています。私はこのようなコラム何かに作成したい：

私は内線に非常に新しいですが、これは私が私のColumnModelで、これまで持っているものです。

 { 
     header: 'Sales Rep', 
     width: 150, 
     sortable: true, 
     dataIndex: 'salesrep' 
    }, 
    { 
     header: 'graph', 
     width: 150,   
     sortable: true, 
     dataIndex: 'ytd', 
     renderer: function(value, metaData, record, rowIndex, colIndex, store){ 
      var colChart = new Ext.chart.ColumnChart({ 
       store: store, 
       xField: 'ytd', 
       yField: 'salesrep'   
      });    
     }    
    }, 
    { 
     header: 'Year to Date', 
     width: 150, 
     sortable: true, 
     dataIndex: 'ytd' 
    }, 

第一及び第三列は期待通りに機能しますが、2番目には何も表示されません。誰もこれのような何かをした？

Answer 1

カラムレンダラを使用すると、metadataオブジェクトを使用したレンダリングに影響を与えることができます。

残念ながら、html属性とcssクラスのみを変更することができます。
したがって、チャート生成にCSSスタイルを使用するか、アドホックな列を作成するなど、可能な他の方法を検索する必要があります。