如何使用PHP数据变量创建chart-js饼图 - How to create a chart-js pie chart with PHP data variables?

How to create a chart-js pie chart with PHP data variables?

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

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

但是，我需要用PHP变量替换这两个40s。

您可以使用PHP echo函数来实现这一点。您可以将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
    }
];

您可以将所有内容封装在一个函数中以获得更干净的代码。希望能有所帮助。