EXTJS MVC Круговая диаграмма

Question

У меня круговая диаграмма и сетка, отображаемая под ней, оба из которых используют один и тот же магазин.

И в магазине у меня есть следующие поля:

Всего, Выделено, Использовано, Осталось.

Можно ли сделать так, чтобы на круговой диаграмме было только три поля из четырех, поскольку я не хочу, чтобы общее поле отображалось на круговой диаграмме, но сетка должна иметь его. Итак, кто-нибудь может сказать мне, как лучше всего это сделать?

Код следующим образом:

Круговая диаграмма

var chart1 = Ext.create('Ext.chart.Chart', {
        id : 'chart1',
        xtype : 'chart',
        theme : '',
        animate : true,
        shadow : true,
        height : 250,
        width : 250,
        store : LicSumStore,
        series : [{
            type : 'pie',
            angleField : 'value',

            showInLegend : true,
            highlight :{
                segment :{
                    margin :20
                }
            } ,
            label : {
                field : 'title',
                display :'rotate',
                contrast : true,
                font : '12px Arial'
            },
            title : 'Licenses',

        }],

    });

сетка

   var licSummaryGrid = Ext.create('Ext.grid.Panel',{
        title :'LicenseSummary',
        store : LicSumStore,
        enableColumnResize : false,
        columns : [
            {
                text : 'License Type', 
                dataIndex : 'title',
                width : 150,
                sortable : false,
                hideable : false,

            },
            {
                text : 'Count', 
                dataIndex : 'value', 
                width : 100,
                sortable : false,
                hideable : false,


            }
        ],

        height : 180,
        width : 255

    });

Answer 1

Решил это, добавив итоговое поле в сетку, используя тип сводки вместо изменения данных в круговой диаграмме. Таким образом, я избавился от общего поля в магазине и рассчитал его в сетке.

Вот код:

{
    text: 'License Type',
    dataIndex: 'title',
    width: 150,
    sortable: false,
    hideable: false,
    summaryRenderer: function () {
        return Ext.String.format('Total');
    }
}, {
    text: 'Count',
    dataIndex: 'value',
    width: 100,
    sortable: false,
    hideable: false,
    summaryType: 'sum'

}