<script type="text/javascript">
//the namespace for this tutorial
Ext.ns('com.quizzpot.tutorial');
com.quizzpot.tutorial.Charts = {
	init: function(){
	  
	  var ModulePath = 'codigos/procesos/'; //change
	
		
		app.resizeWin(app.mainWin, 500,500);
		
     ////////
     //
     // store de los totales
     //
    var storeTotales=new Ext.data.JsonStore({
        url:ModulePath+'ajax_totales.php',
        root: 'rows',
        totalProperty: 'total',
        fields: [
                {name:'d_nivel', type: 'string', mapping:'d_nivel'},
                {name:'total',  type: 'int', mapping: 'total'},
        ]
    });
		
		storeTotales.load();
		
		var pieChart = new Ext.chart.PieChart({
			store: storeTotales,
			dataField: 'total',
			categoryField : 'd_nivel'
		});
		
		
		var panel3 = new Ext.Panel({			
			items:[pieChart]
		});
		
		var main = new Ext.Panel({
			//renderTo: 'frame',
			frame:false,
			defaults: {
				collapsible: false,
				border:false,
				titleCollapse: false
			},
			items: [panel3]
		});
	
	  main.render('frame');
    //panel1.render("frame");  	
	}
}
Ext.onReady(com.quizzpot.tutorial.Charts.init,com.quizzpot.tutorial.Charts);
</script>
<div id="frame"></div>