所以我曾经在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}
元素数组。