javascript - Highcharts 实时图表 : Accessing Datetime data returns an [Object] instead of [Datetime, Int]

Question

我创建了这个问题的最小重现，以便其他人可以轻松地帮助我解决这个问题。

这就是我所拥有的: http://jsfiddle.net/tDW7e/1/

    $(function () {
$(document).ready(function () {
    Highcharts.setOptions({
        global: {
            useUTC: false
        }
    });

    var chart;
    $('#container').highcharts({
        chart: {
            type: 'spline',
            //animation: Highcharts.svg, // don't animate in old IE
            marginRight: 10,
            events: {
                load: function () {

                    // set up the updating of the chart each second
                    var series = this.series[0];
                    setInterval(function () {
                        var x = (new Date()).getTime(), // current time
                            y = Math.random();
                        series.addPoint([x, y], true, true);
                        document.getElementById('dbg').innerHTML = series.toString();
                    }, 1000);
                }
            }
        },
        xAxis: {
            type: 'datetime',
            tickPixelInterval: 150
        },
        series: [{
            name: 'Random data',
            data: (function () {
                // generate an array of random data
                var data = [],
                    time = (new Date()).getTime(),
                    i;

                for (i = -19; i <= 0; i++) {
                    data.push({
                        x: time + i * 1000,
                        y: Math.random()
                    });
                }
                return data;
            })()
        }]
    });
});
});

HTML:

    <script src="http://code.highcharts.com/highcharts.js"></script>
    <script src="http://code.highcharts.com/modules/exporting.js"></script>
    <div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>
    <div id="dbg" style="min-width: 310px; height: 400px; margin: 0 auto"></div>

我编辑了实时图表演示，将数据值写入第二个 div。我正在尝试执行检查以确保图表中的最新日期时间值不是我的数据库中的最新值。我无法执行此检查，因为应该是 [DateTime, Int] 数组的内容变成了 [Object] 数组。

感谢任何帮助!

Answer 1

首先，在您的示例中，您使用的 series 始终是对象数组。

第二件事，每个点也是对象，否则你不能使用例如 point.update() 来更新新选项等。

第三件事，在您的示例中，您创建的点如下:

                    data.push({
                        x: time + i * 1000,
                        y: Math.random()
                    });

这显然是一个对象，而不是数组。

如果您想获得实际点，请使用:series.options.data，如果使用正确的格式(如您所说)，请使用:http://jsfiddle.net/tDW7e/4/