Estoy utilizando JQuery Flot, y necesito plotear a partir de una consulta los datos de varias series sobre el gráfico.
Es decir, tengo una consulta SQL en la que obtengo un conjunto de registros con 3 campos. Me gustaría plotear esos 3 campos como series con JQuery Flot, pero a la hora de usar AJAX y el formato JSON no doy con la solución para llenar los datos.
Utilizo el siguiente código:
Código:
El problema vien en el momento en el que le agrega comillas dobles al JSON y no sé cómo plotear los valores de un campo a través de una consulta obtenida por AJAX.$(document).ready(function(){ var options = { legend: { show: false, margin: 10, backgroundOpacity: 0.5 }, points: { show: true, radius: 3 }, lines: { show: true } }; var plotarea = $("#plotarea"); plotarea.css("height", "250px"); plotarea.css("width", "500px"); var plotear = function(){ var datosEntrada = []; $.post('/miaplicacion/index/getDatos', { fechaInicio: '2013-04-01', //Parámetro de entrada para la consulta SQL fechaFin: '2013-04-05' //Parámetro de entrada para la consulta SQL }, function(datos){ for(i=0;i<datos.length;i++){ datosEntrada.push("[" + parseInt(i + 1) + ',' + parseInt(datos[i].entradaOrd) + "]"); } },'json').success(function(){ var serie = [ { label: "Entrada", data: [datosEntrada], color: '#FFBB00' } ] $.plot(plotarea , serie, options); console.log(datosEntrada); //Ver datos en consola }); } plotear(); });
Saludos cordiales y gracias de antemano.
Francisco J.