在ExtJS中有没有一种堆叠迷你图widgetColumn的方法？

Ext.require([
    'Ext.chart.*',
    'Ext.grid.*',
    'Ext.data.*',
    'Ext.util.*',
    'Ext.state.*'
]);

Ext.onReady(function () {
    // 创建数据模型
    Ext.define('DataModel', {
        extend: 'Ext.data.Model',
        fields: [
            {name: 'name', type: 'string'},
            {name: 'data1', type: 'int'},
            {name: 'data2', type: 'int'},
            {name: 'data3', type: 'int'}
        ]
    });

    // 创建数据源
    var store = Ext.create('Ext.data.Store', {
        model: 'DataModel',
        data: [
            {name: 'Item 1', data1: 10, data2: 20, data3: 30},
            {name: 'Item 2', data1: 15, data2: 25, data3: 35},
            {name: 'Item 3', data1: 20, data2: 30, data3: 40},
            {name: 'Item 4', data1: 25, data2: 35, data3: 45}
        ]
    });

    // 创建堆叠迷你图widgetColumn
    var widgetColumn = {
        xtype: 'widgetcolumn',
        width: 100,
        widget: {
            xtype: 'chart',
            animate: true,
            store: store,
            axes: [{
                type: 'numeric',
                position: 'left',
                fields: ['data1', 'data2', 'data3'],
                grid: true
            }],
            series: [{
                type: 'column',
                xField: 'name',
                yField: ['data1', 'data2', 'data3'],
                stacked: true
            }]
        }
    };

    // 创建表格
    var grid = Ext.create('Ext.grid.Panel', {
        renderTo: Ext.getBody(),
        width: 400,
        height: 300,
        store: store,
        columns: [
            {text: 'Name', dataIndex: 'name', flex: 1},
            widgetColumn
        ]
    });
});