将构建数组的PHP代码转换为JS,现在的highcharts';不起作用——我做错了什么


Converted PHP code that built an array to JS and now highcharts doesn't work - what did I do wrong?

所以我曾经在JS中有一块PHP代码,它构建了以下字符串:

<snip>
    series: [{
        marker: {
            fillColor:'#66aaff'
        },
        color: '#66aaff',
        name: 'Person 1',
        data: [{x:0, y: 12},{x:1, y: 16},{x:2, y: 18},{x:3, y: 14}]
    }, {
        marker: {
            fillColor:'#ff8888'
        },
        color: '#ff8888',
        name: 'Person 2',
        data: [{x:0, y: 26},{x:1, y: 17},{x:2, y: 22},{x:3, y: 17}]
    }]
<snip>

我想把我的JS移到一个外部文件中,所以我现在将一些变量传递给JS,并用以下内容构建数组:

var aSeries = [];
for (i = 0; i < aIDs.length; i++) {
    aSeries.push({
        marker: {
            fillColor: '#' + aSeriesColors[i]
        },
        color: '#' + aSeriesColors[i],
        name: aNames[aIDs[i]],
        data: [data[aIDs[i]].join(',')]
    });
}

console.log(aSeries)向我表明,这"正确"地为我提供了一个JS对象,其中包含我正在查找的所有属性。

然后,我将上面的第一个代码块简单地更改为:

<snip>
    series: aSeries
<snip>

我没有得到JS错误,但我的图表没有正确显示。系列名称的图例显示正确,但x轴上只放置了一个项目(而不是4个),并且没有绘制任何数据点。

console.log(数据):

Object {154: Array[4], 156: Array[4], 307: Array[4], 994: Array[4]}
154: Array[4]
0: "{x:0, y: 26.145225241042}"
1: "{x:1, y: 17.211534431451}"
2: "{x:2, y: 22.184885666481}"
3: "{x:3, y: 17.898072988406}"
length: 4
__proto__: Array[0]
156: Array[4]
0: "{x:0, y: 12.555414124567}"
1: "{x:1, y: 16.300627296478}"
2: "{x:2, y: 18.353667038483}"
3: "{x:3, y: 14.082830741251}"
length: 4
__proto__: Array[0]
307: Array[4]
0: "{x:0, y: 37.967636688174}"
1: "{x:1, y: 30.79271274292}"
2: "{x:2, y: 34.540574456219}"
3: "{x:3, y: 37.892991347838}"
length: 4
__proto__: Array[0]
994: Array[4]
0: "{x:0, y: 4.1734334079504}"
1: "{x:1, y: 0.35625969235927}"
2: "{x:2, y: 6.3747908533185}"
3: "{x:3, y: 0.62718142794101}"
length: 4
__proto__: Array[0]
__proto__: Object

JS中的数据,现在我首先将其生成为一个合适的PHP数组(为了简洁起见,剪切为第一个标记:

Object {154: Array[4], 156: Array[4], 307: Array[4], 994: Array[4]}
154: Array[4]
0: Object
x: "0"
y: "26.145225241042"
__proto__: Object
1: Object
x: "1"
y: "17.211534431451"
__proto__: Object
2: Object
x: "2"
y: "22.184885666481"
__proto__: Object
3: Object
x: "3"
y: "17.898072988406"
__proto__: Object
length: 4
__proto__: Array[0]

您的问题在这里:

data: [data[aIDs[i]].join(',')]

.join返回一个字符串,这不是您所需要的。您可能需要:

data: data[aIDs[i]]

由于CCD_ 3看起来已经是一个数组。

然而,由于它是一个字符串数组,所以还有最后一步:

data: data[aIDs[i]].map(JSON.parse)

这应该解析data[aIDs[i]]中的每个单独字符串,并生成一个{x: number, y: number}元素数组。