Calling chart xtype in the Main page

[Jsri]

Hi,

When I call the column chart view page directly on launch, it is working fine.
But when I call it through the Main page by making the view page as an xtype, it isn't working.

Can anyone please tell me how do I get the view page as an type in the Main page?

Thanks in advance

[Jsri]

I'm using the example of Pie chart from kitchen sink.

When I declare it as xtype and call it in Main, I get only the refresh button. The contents are not displayed

Main page
iconCls: 'action',
items: [
{
xtype: 'pie'
},

PieChart
Ext.define('Try.view.PieChart', {
extend: 'Ext.Panel',
requires: ['Ext.chart.PolarChart', 'Ext.chart.series.Pie', 'Ext.chart.interactions.Rotate'],
xtype: 'pie',

Can anyone please help me with this?