extjs - 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'

}