javascript - 将 PHP 脚本返回的数据传递到 Highcharts data[] block 中？

Question

我有一个 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 函数转移到 Highcharts 库(进入 PHP 脚本的一些数据由另一个 JavaScript 函数编译)，从而创建 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[] block 中时，我的散点图将按预期呈现。所以，我的数据很好。粘贴的代码块如下所示:

  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:[] block 中。

我对 PHP 相当陌生，对 JavaScript 则不太熟悉，但是像这样切换语言(将数据从 PHP 移动到 JavaScript)仍然有点超出了我的知识库。

Answer 1

<?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)?>
      }]

注意方括号已从数据中删除