将返回的数据从PHP脚本传递到Highcharts data []块?

时间:2011-08-10 08:07:53

标签: javascript php jquery object highcharts

我有一个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)仍然有点超出我的知识基础。

1 个答案:

答案 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

中删除