如何在网格的单元格中创建一个条形图（ExtJS 3.3.1）

Question

我有一个网格，它有一个关联的JsonStore，一切都很好。我想在列中创建类似这样的内容：

我是Ext的新手，但这是我目前在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'
     }, 

第一列和第三列按预期工作，但我在第二列中没有看到任何内容。有人做过这样的事吗？

Answer 1

使用列渲染器，您可以通过metadata对象影响渲染。

不幸的是，它只允许更改html属性和css类 因此，您需要尝试使用css样式生成图表或搜索其他可能的方法，例如创建ad hoc列。