如何将PHP结果传递至JavaScript图表？技术实现咨询

嘿，我看了你的代码，发现几个需要调整的地方，帮你梳理下正确的实现方式哈～

首先，你把AmCharts.makeChart放在PHP的foreach循环里是个小问题——如果$hourlyreport有多条数据，会重复生成图表代码，最后只有最后一次的图表能正常显示，而且完全没必要这么做。另外手动拼接JS对象的写法很容易出语法错误，推荐用JSON转换的方式传递PHP数据，既安全又规范。

下面是修改后的完整代码，你可以参考下：

<?php
// 假设$hourlyreport里是我们需要的统计数据，这里取第一条（因为饼图是展示一组统计项）
$stats = reset($hourlyreport);
// 整理成饼图需要的数据格式
$chartData = [
    ["country" => "Total Staff", "litres" => $stats->totalstaff],
    ["country" => "Total Tasks", "litres" => $stats->totaltasks],
    ["country" => "Completed Tasks", "litres" => $stats->is_completed],
    ["country" => "Pending Tasks", "litres" => $stats->pendingtasks] // 补全你之前省略的字段
];
// 把PHP数组转成JS能直接识别的JSON字符串
$chartDataJson = json_encode($chartData);
?>

<script>
// 将PHP生成的JSON转成JS对象
var chartData = <?php echo $chartDataJson; ?>;

// 只调用一次makeChart创建饼图
AmCharts.makeChart("chartdiv", {
    "type": "pie",
    "theme": "light",
    "dataProvider": chartData,
    // 补充饼图必要的配置（不然可能显示异常）
    "valueField": "litres",
    "titleField": "country",
    "balloon": {
        "fixedPosition": true
    }
});
</script>

为什么这么写更靠谱？

• 用json_encode自动处理数据格式，避免手动写JS对象时出现引号、逗号遗漏之类的低级错误。
• 把图表创建逻辑放在循环外，确保只生成一次图表，完全符合单饼图展示一组统计数据的场景。
• 如果之后需要展示多组数据生成多个饼图，再调整循环逻辑生成对应容器和图表即可，灵活性更高。

内容的提问来源于stack exchange，提问作者austin