Question

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

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

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

Answer 1

您可以使用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
    }
];

您可以将所有内容包装在函数中以获得更清晰的代码。希望它有所帮助。

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

1 个答案: