Ver Mensaje Individual
  #1 (permalink)  
Antiguo 16/05/2013, 09:04
geofran80
 
Fecha de Ingreso: septiembre-2006
Mensajes: 139
Antigüedad: 18 años, 6 meses
Puntos: 14
Plotear con JQuery Flot datos obtenidos con AJAX

Hola a todos,

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:
$(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();
});
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.

Saludos cordiales y gracias de antemano.

Francisco J.