javascript - Highcharts 不会显示数据

Question

我正在尝试 highcharts 的时间序列可缩放表格。我通过以下方式获取数据:

$.getJSON(
        '/Data/DailyTime',
        function (data) {
            var v = [];
            var temp;
            data.forEach(function (item) {
                temp = "[" + (item[0]+989) + ", " + item[1] + "]";
                v.push(temp);
            });
         alert(v); //line 10

         var opt_dailytime = {
                // ....
                // ....
                // ....
                series: [{
                        type: 'area',
                        data:  v
                        }]
                // ....
                // ....
                // ....

第 10 行警报的输出是:

[1540772030989, 1],[1540772041989, 1],[1540772102989, 1],[1540793888989, 1], 
[1540805114989, 1],[1540807200989, 1],[1540820269989, 1],[1540831608989, 1], 
[1540832150989, 1],[1540832322989, 1],[1540833600989, 1],[1540834662989, 1], 
[1540834670989, 1],[1540834892989, 1],[1540835639989, 1],[1540835744989, 1], 
[1540836013989, 1],[1540836087989, 1],[1540836109989, 1],[1540842529989, 1], 
[1540842721989, 1],[1540847258989, 1],[1540847468989, 1],[1540856547989, 1]

当我在 highchart 选项中手动输入此数据时，它会正确显示:

series: [{
    type: 'area',
    data: [[1540772030989, 1],[1540772041989, 1],[1540772102989, 1],
          //........................................................
           [1540847258989, 1],[1540847468989, 1],[1540856547989, 1]]
}]

但是当我做类似的事情时:

series: [{
    type: 'area',
    data:  v
}]

或

series: [{
    type: 'area',
    data: "[" + v + "]"
}]

没有显示任何数据..

抱歉，我知道我一定在这里遗漏了一些非常明显的东西，但我对 javascript 有点陌生，所以请怜悯;m;

这是我的整个 JavaScript，但带有手动添加的值: http://jsfiddle.net/vkm3hxo2/

Answer 1

您正在将字符串推送到数组，它必须是数组或对象。

这一行:

temp = "[" + (item[0]+989) + ", " + item[1] + "]";

需要

temp = [parseInt(item[0])+989, parseFloat(item[1])]

或者

temp = {x: parseInt(item[0])+989, y: parseFloat(item[1])}