Highcharts.js ne rendra pas le graphique, il dit erreur "Impossible de lire la propriété 'série' de undefined"

Je pense que c'est parce que mes var chart n'a pas été encore fixé lors de ma fonction requestData est appelé.

C'est mon code de highcharts à l'intérieur d'un $(document).ready(function()

        chart = new Highcharts.Chart({
            chart: {
                renderTo: 'container',
                defaultSeriesType: 'spline',
                marginRight: 130,
                marginBottom: 25,
                events: {
                load: requestData()
                }
            },
            title: {
                text: 'Reporte PMU',
                x: -20 //center
            },
            subtitle: {
                text: '',
                x: -20
            },
            xAxis: {
                type: 'datetime',
                tickPixelInterval: 150,
                maxZoom : 20 * 1000,
                title: {
                  text: 'tiempo'
                },
                labels : { y : 0, rotation: -60 }
            },
            yAxis: {
                title: {
                  text: 'Amount'
                },
                plotLines: [{
                  value: 0,
                  width: 1,
                  color: '#808080'
                }]
            },
            tooltip: {
                formatter: function() {
                  return '<b>'+ this.series.name +'</b><br/>'+
                  this.x +': '+ this.y;
                }
            },
            legend: {
                layout: 'vertical',
                align: 'right',
                verticalAlign: 'top',
                x: -10,
                y: 100,
                borderWidth: 0
            },
            series: [{
                name: 'serieTension',
                data: []
            }]
        });     
    });

et c'est mon requestData ()

        $.ajax({                        
            url: 'data2.php', 
            success: function(point) {
                var series =chart.series[0],
                shift = series.data.length > 20; //shift if the series is longer than 20

                //add point
                chart.series[0].addPoint(point, true, shift);

                setTimeout(requestData, 1000);
            },
            cache : false
        });
    }

source d'informationauteur rrey

  1. 7

    Il suffit de placer

    var chart;

    en dehors de toutes les fonctions, à côté de votre document prêt gestionnaire global.

    EDIT:

    Aussi, ajouter une référence à l'intérieur de la charge d'appels

    load: function() {
    chart = this; //`this` is the reference to the chart
    requestData();
}