Ext.ns('com.quizzpot.tutorial');
Ext.chart.Chart.CHART_URL = '../../Ext/resources/charts.swf';//libreria de grafica
com.quizzpot.tutorial.GridJsonTutorial = {
	init: function(){
		var store = new Ext.data.JsonStore({
			url: 'historial_grilla.php',
			root: 'data',
                        id: 'idhistorial_precios',
			fields: ['idhistorial_precios',
                                    'idproducto',
                                    'idcentral',
                                    {name:'precio_maximo',type:'float'},
                                // 'precio_maximo',
                                {name:'precio_minimo',type:'float'},
                                 //'precio_minimo',
                                 //'precio_promedio',
                                 {name:'precio_promedio',type:'float'},
                                 'fecha',
                                 'hora',
                                 'idcategoria'
                         ],
                         autoLoad :true
                         
		});
                
		
		var grid = new Ext.grid.GridPanel({
			store: store,
			columns: [
				new Ext.grid.RowNumberer(),
				{header:'historial', dataIndex:'idhistorial_precios',sortable: true},
                                {header:'Central', dataIndex:'idcentral',sortable: true},
                                {header:'Categoria', dataIndex:'idcategoria',sortable: true},
                                {header:'Nombre Producto', dataIndex:'idproducto',sortable: true},  
                                {header:'Precio Max', dataIndex:'precio_maximo',sortable: true},
                                {header:'Precio Min', dataIndex:'precio_minimo',sortable: true},
                                {header:'Precio Promedio', dataIndex:'precio_promedio',sortable: true},
                                {header:'Fecha', dataIndex:'fecha',sortable: true},
				{header:'Hora', dataIndex:'hora',sortable: true}
                              
			],
			border: false,
			stripeRows: true
		});
                var storegrafica = new Ext.data.JsonStore({
                        url : 'ingreso_producto_grafica.php',
			fields: ['idproducto', 'precio_promedio'],
			root: 'datos',//este valor nos servirá para tomar los datos que regresemos desde la BD
                        id: 'idproducto', //cual de los campos 'fields' será el utilizado como identificador único dentro del store
                        autoLoad :true
		});
		var grafica = new Ext.chart.ColumnChart({
			store: storegrafica,
			xField: 'idproducto',
			yField: 'precio_promedio',
			//series:['producto'],
				//{yField:'producto',displayName:'producto'}
				//{yField:'action',displayName:'Action'},
				//{yField:'drama',displayName:'Drama'},
				//{yField:'thriller',displayName:'Thriller'}
                               //],
			yAxis: new Ext.chart.NumericAxis({
				labelRenderer: this.formatokilos
                                //labelRenderer: Ext.util.Format.usMoney //formato para poner simbolo peso
			}),
			xAxis: new Ext.chart.CategoryAxis({
				labelRenderer: this.customFormat
			})
			/*extraStyle:{
				legend:{
					display: 'bottom'
				}
			}*/
		});
                
                var panel1 = new Ext.Panel({
			xtype:'panel',
                        title:'panel 1',
                        layout: 'fit',
                        region:'south',
                        height:'200',
                        split:true,
                        items: grafica
		});
                var panel2 = new Ext.Panel({
			xtype:'panel',
                        title:'panel 2',
                        layout: 'fit',
                        region:'center',
                       // height:'400',
                        split:true,
                        items: grid
		});
                 
		var win = new Ext.Window({
			title: 'Grid example',
			layout: 'border',
                        maximizable:true,
			width: 900,
			height:500,
			items: [panel1,panel2]
		});
		win.show();
	},
        customFormat:function(value){
		return ''+value;
	},
        formatokilos:function(value){
		return value+' klg';
	}
}
Ext.onReady(com.quizzpot.tutorial.GridJsonTutorial.init,com.quizzpot.tutorial.GridJsonTutorial);