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' 

}