如何使用 PHP 数据变量创建 chart-js 饼图？

Question

我正在使用 chart.js 创建一个饼图；但是，我想要在饼图中的值是一个 PHP 变量。如何将其添加到饼图中？目前我有这个饼图的数据：

var pieData = [
            {
                value: 40,
                color:"green"
            },
            {
                value : 40,
                color : "red"
            }
        ];

但是，我需要将两个 40 替换为 PHP 变量。

Answer 1

您可以为此使用 PHP 回显功能。您可以将 PHP 变量连接到 echo 语句中。注意：如果要向 JS 发送数组，只需使用json_encode()，如下所示。

PHP 部分：

<?php
echo '
<script type="text/javascript">
var v1=40;
var c1="green";
var v2=40;
var c2="red";
var jsArray =' . json_encode($phpArray) . '; // Remove this if not needed...
</script>';
?>

Javascript 部分：

var pieData = [
    {
        value: v1,
        color: c1
    },
    {
        value : v2,
        color : c2
    }
];

您可以将所有内容包装在一个函数中以获得更简洁的代码。希望对您有所帮助。