EXTJS MVC 파이 차트

Question

둘 다 동일한 상점을 사용하는 원형 차트와 그 아래에 표시되는 격자가 있습니다.

그리고, 가게에서, 다음 필드를 데 :

총, 할당, 남은, 사용합니다.

원형 차트에 전체 필드를 표시하지 않고 그리드에 있어야하므로 원형 차트에 4 개의 필드 중 3 개만 사용할 수 있습니까? 그래서, 아무에게도 이것에 가장 좋은 방법이 무엇인지 말해 줄 수 있습니까?

코드는 다음과 같이

원형 차트

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' 

} 

: 여기

코드입니다