Sample1.js

Ext.onReady(function(){
	Ext.create("Ext.panel.Panel",{
		width : 800,
		height : 500,
		renderTo : Ext.getBody(),
		layout : 'fit',
		items : [{
			xtype : 'polar',
			innerPadding : 50,
			store : {
				fields : ['title','time'],
				data : [{
					title : 'ExtJS 6 로 만들어본 WebOS',
					time : 623
				},{
					title : 'ExtJS 6 란? ',
					time : 584
				},{
					title : 'ExtJS 6 문법 및 레이아웃 이해(1)',
					time : 582
				},{
					title : 'ExtJS 6 GPL 다운로드 및 환경설정',
					time : 510
				},{
					title : 'ExtJS 6 테마변경 및 onLoad 이해',
					time : 493
				},{
					title : '기타',
					time : 5106
				}]
			},
			series : {
				type : 'pie',
				donut : 30,
				label : {
					field : 'title'
				},
				highlight : {
					margin : 40
				},
				tooltip : {
					trackMouse : true,
					renderer : function(tooltip,record){
						tooltip.setHtml(record.get("title")+"<br/>지속시간:"+record.get("time"));
					}
				},
				angleField : 'time'
			}
		}]
	})
});