extjs在Ext.grid.panel内嵌入条形图系列

Question

有没有办法将整数数据绘制/可视化为系列条形图而不是Ext.panel.grid 中的数字？

Ext.onReady(function () {
    Ext.define('spaceManager', {
        extend: 'Ext.data.Model',
        fields: [{
            name: 'type'
        }, {
            name: 'totalRecsCnt',
            type: 'int'
        }, {
            name: 'usedRecsCnt',
            type: 'int'
        }, {
            name: 'dSize',
            type: 'int'
        }]
    });

    var grid2 = Ext.create('Ext.grid.Panel', {
        store: getLocalStore(),
        selModel: sm,
        columns: [{
            text: "Type",
            width: 100,
            dataIndex: 'type'
        }, {
            text: "Total Records Count",
            dataIndex: 'totalRecCnt'
        }, {
            text: "Used Records Count",
            dataIndex: 'usedRecCnt'
        }, {
            text: "Disk Size",
            width: 135,
            dataIndex: 'dSize'
        }],
        columnLines: true,
        width: 600,
        height: 300,
        frame: true,
        title: 'Space Manager',
        iconCls: 'icon-grid',
        renderTo: Ext.getBody()
    });
});

我要做的是从spaceManager模型中为dSize字段绘制条形图 - 应将dSize列绘制为条形图系列数据，而不是显示为数字列表。