将 PHP 脚本返回的数据传递到 Highcharts 数据 [] 块中？答案

【问题标题】：Passing Returned Data from a PHP Script into a Highcharts data[] block?将 PHP 脚本返回的数据传递到 Highcharts 数据 [] 块中？
【发布时间】：2011-10-23 20:57:59
【问题描述】：

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

【问题讨论】：

'我缺少的连接点是让返回的数据直接输出到 data:[] 块中。'抱歉，没有什么？
啊，没有是早期草稿留下的。编辑了帖子。

标签： javascript php jquery object highcharts

【解决方案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)?>
      }]

注意方括号从data中删除

【讨论】：

我稍后会试一试，看起来很有希望。