我有一个Highchart散点图,用于绘制使用PHP脚本计算的数据。值通过jQuery .get函数传递给PHP脚本,并返回到ExpressionEngine模板。我正在使用的PHP代码是这样的:
printf("{x:'%3.2f',y:'%3.2f',fillColor:'#058DC7'},",$annualReturns[2] * 100.0,$annualSemiStDev[2]);
printf("{x:'%3.2f',y:'%3.2f',fillColor:'#50B432'},",$annualReturns[3] * 100.0,$annualSemiStDev[3]);
printf("{x:'%3.2f',y:'%3.2f',fillColor:'#ED561B'},",$annualReturns[4] * 100.0,$annualSemiStDev[4]);
回到ExpressionEngine模板后,数据会立即通过JavaScript函数(进入PHP脚本的一些数据由另一个JavaScript函数编译)传输到Highcharts库,从而创建Highcharts散点图。
updateScatterChart(data);
这是我遇到问题的地方。需要渲染数据,如下所示:
series: [{
name: 'Custom',
data:[ DATA NEEDS TO LIVE HERE ]
}]
要确认我正在获取正确的数据,请立即在updateScatterChart函数内部,我在警告窗口中显示结果 - 使用alert(data)
- 我得到了这个:
{x:'12.48',y:'3.52',fillColor:'#058DC7'}
{x:'34.82',y:'16.11',fillColor:'#50B432'}
{x:'8.32',y:'9.35',fillColor:'#ED561B'}
当粘贴在我的data[]
块内时,我的散点图会按预期呈现。所以,我的数据很好。粘贴的代码块如下所示:
series: [{
name: 'Custom',
data:[
{x:'12.48',y:'3.52',fillColor:'#058DC7'}
{x:'34.82',y:'16.11',fillColor:'#50B432'}
{x:'8.32',y:'9.35',fillColor:'#ED561B'}
]
}]
我缺少的连接点是将返回的数据直接输出到data:[]
块。
我是PHP的新手,而不是JavaScript,但是像这样切换语言(将数据从PHP移动到JavaScript)仍然有点超出我的知识基础。
答案 0 :(得分:0)
<?php
$data = array(
(object)array('x'=>12.48, 'y'=>3.52, 'fillOClor'=>'#058DC7'),
(object)array('x'=>34.82, 'y'=>16.11, 'fillOClor'=>'#50B432'),
//more to come
);
?>
series: [{
name: 'Custom',
data: <?php echo json_encode($data)?>
}]
注意方括号已从data