Sencha touch Charts внутри tabpanel

Question

Привет Я попытался создать Сенча Диаграмма Touch внутри панели вкладок, но im получаю следующую ошибку. Он работает как отдельное приложение, но когда он включен в myapp, он терпит неудачу.

Cannot create an instance of unrecognized alias: widget.piechart 

моя вкладка панели код

{ title: 'User', 
       // html: '<span class="action">User tapped User</span>', 
       // cls: 'card', 
       iconCls: 'user', 
       xtype:'tabpanel', 
       tabBar: { 
        dock: 'top', 
       layout: 'fit', 
       }, 
       fullscreen: true, 
       items: [{ 

     xtype: 'piechart', 
     animate: true, 
     width:600, 
     height:600, 
     title: 'Pie Chart', 
     store: 'SampleStore', 
     themeCls: 'pie1', 
     theme: 'Demo', 
     shadow: false, 
     insetPadding: 20, 
     legend: { 
      position: 'left' 
     }, 
     interactions: [ 
      { 
       type: 'reset', 
       confirm: true 
      }, 
      { 
       type: 'rotate' 
      }, 
      'itemhighlight', 
      { 
       type: 'iteminfo', 
       gesture: 'longpress', 
       listeners: { 
        show: function (interaction, item, panel) { 
         var storeItem = item.storeItem; 
         panel.setHtml(['<ul><li><b>Movie: </b>' + storeItem.get('name') + '</li>', '<li><b>Fans: </b> ' + storeItem.get('fans') + '</li></ul>'].join('')); 
        } 
       } 
      } 
     ], 
     series: [ 
      { 
       type: 'pie', 
       field: 'fans', 
       showInLegend: true, 
       highlight: false, 
       listeners: { 
        'labelOverflow': function (label, item) { 
         item.useCallout = true; 
        } 
       }, 
       // Example to return as soon as styling arrives for callouts 
       callouts: { 
        renderer: function (callout, storeItem) { 
         callout.label.setAttributes({ 
          text: storeItem.get('name') 
         }, true); 
        }, 
        filter: function() { 
         return false; 
        }, 
        box: { 
         //no config here. 
        }, 
        lines: { 
         'stroke-width': 2, 
         offsetFromViz: 20 
        }, 
        label: { 
         font: 'italic 14px Arial' 
        }, 
        styles: { 
         font: '14px Arial' 
        } 
       }, 
       label: { 
        field: 'name' 
       } 
      } 
     ] 
    }] 
       } 

как добавить диаграммы внутри панели при использовании MVC приложения

Answer 1

попробуйте изменить

xtype: 'piechart' 

в

xtype : 'chart' 

и добавить требует конфигурации в режиме

requires: [ 
      'Ext.chart.series.Pie' 
]