Grid (ExtJS 3.3.1)의 셀에서 막대를 어떻게 만들 수 있습니까?

Question

관련 JsonStore가있는 그리드가 있고 모든 것이 잘 채워집니다. 이 같은 열 뭔가를 만들려면 :

내가 내선에 아주 새로운 오전, 그러나 이것은 내 컬럼 모델에서 지금까지 무엇을 가지고 :

 { 
     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' 
    }, 

첫 번째와 세 번째 열은 예상대로 작동하지만 두 번째에는 아무것도 표시되지 않습니다. 누구든지 이런 짓을 한거야?

Answer 1

열 렌더러를 사용하면 metadata 개체를 통해 렌더링에 영향을 줄 수 있습니다.

불행히도 html 속성과 css 클래스 만 변경할 수 있습니다.
따라서 차트 생성에 CSS 스타일을 사용하거나 임시 열 생성과 같은 다른 방법을 검색해야합니다.