none
Alguien que utilice Highcharts.JS ( Elimina las lineas cuando refresco el grafico) RRS feed

  • Pregunta

  • Hola espero que esten bien.

    Tengo un detalle cuando cargo por primera vez la pagina muestra un gráfico:

    Pero cuando doy click en los enlaces de la izquierda cargo los nuevos datos por medio de Ajax y Json y el grafico me elimina las lineas:

    Como puedo hacer para que las lineas aparezcan de nuevo, o como reseteo los datos de la Grafica.

    Asi es como hago la grafica:

    function GraficoStart(Contenedor, Series, Programado, Devengado) {
        
        var serie = Series.split(',');
        var programado = Programado.split(',');
        var devengando = Devengado.split(',');
        
    
        var LSerie = [];
        var LProgramado = [];
        var LDevengado =[];
    
        for(var i=0; i<serie.length;i++){
            LSerie.push(serie[i]);        
        }
       
    
        for(var i=0;i<programado.length;i++){
            LProgramado.push(parseFloat(programado[i]));        
        }
       
    
        for(var i=0;i<devengando.length;i++){
            LDevengado.push(parseFloat(devengando[i]));        
        }
            
        var options = {
            chart: {
                renderTo: Contenedor,
                type: 'line'
            },
            title: {
                text: 'Programa Financiero'
            },
            legend: {
                layout: 'vertical',
                align: 'right',
                verticalAlign: 'middle'
            },
            xAxis: {
                categories: LSerie
            },
            series: [{
                name: 'Programado',
                data: LProgramado           
            }, {
                name: 'Devengado',
                data: LDevengado            
            }]
        };
       
        var chart = Highcharts.chart(options);
    
    }
    
    Y por ajax:
    
    $.ajax({
            url: 'STA/findgrafico',
            type: 'post',
            data: { idc: IDC },
            success: function (data) {            
                GraficoStart('_DIVGrafico', data.ser, data.prog, data.dev);
            },
            error: function () {
                alertify.error('Ocurrio un error al intentar cargar los datos del grafico');
            }
        });

    Espero pueda ayudarme.

    domingo, 3 de septiembre de 2017 19:06

Respuestas