javascript - Highcharts addPoint 函数什么也不显示

Question

在第一种情况下，我为糟糕的英语道歉，我是法国人:D

所以我最近尝试在 HighchartsJs 上显示一些定时数据。

我尝试使用ajax接收数据，并创建了一个函数来添加我想要的所有点。

但是当我尝试加载它时，我看到光标上有信息，但没有显示任何点! :/

这是我对 AJAX 请求的成功函数:

    success: function(resultat){

                function addPoint(){

                    var chart = $('#graphResult').highcharts();

                    for(i in resultat){

                        chart.series[0].addPoint([Date.UTC(year, month, day, resultat[i]["time"].split(":")[0]), resultat[i]["value"]], true);

                    }   

                }

                $('#graphResult').highcharts({
                        chart: {
                            type: 'spline',
                            events: {
                                load: addPoint
                            }
                        },
                        title: {
                            text: 'Température du jour'
                        },
                        xAxis: {
                            type: 'datetime',
                            dateTimeLabelFormats: { // don't display the dummy year
                                minute: '%H:%M',
                                hour: '%H:%M',
                            },
                            title: {
                                text: 'Heure'
                            }
                        },
                        yAxis: {
                            title: {
                                text: 'Température (°C)'
                            },
                            min: 0
                        },
                        tooltip: {
                            headerFormat: '<b>{series.name}</b><br>',
                            pointFormat: '{point.y:.2f} °C'
                        },

                        plotOptions: {
                            spline: {
                                marker: {
                                    enabled: true
                                }
                            }
                        },

                        series: [{
                            name: "Température du " + String(day) + "/" + String(month) + "/" + String(year),
                        }]
                });

            }

如您所见，我有信息，但没有显示任何内容:http://puu.sh/kwfnV/ad6302810a.png

Answer 1

正如您在评论中所说，问题出在服务器返回的数据上。

这是你的 Json:

[{"time":"09:00:00","value":"25"},{"time":"10:00:00","value":"30"}]

“值”是字符串，那么你必须解析为Float:

chart.series[0].addPoint(
     [Date.UTC(year, month, day, 
     resultat[i]["time"].split(":")[0]), 
     parseFloat(resultat[i]["value"])], true
);

fiddle :http://jsfiddle.net/69k80L58/4/