javascript - 在 Javascript 圆环图的 PHP 变量中引用 PHP 变量

Question

今天将一些 PHP 变量传递给 Javascript 以制作圆环图时，我遇到了一些困难。我已经搞砸了好一阵子了，但还没有弄明白，我已经检查了这里的帖子以及大量的谷歌搜索，但还没有找到答案。这是我要实现的目标:

我正在尝试将数据从 MySQL 推送到 Javascript 圆环图，以便将 Web 引荐来源网址指向特定的 PHP 页面。 Javascript 图表的语法如下:

<script>
Morris.Donut({
element: 'css div',
data: 
[
{ label: '<?php echo($graph["referrer"]); ?>', value: '<?php echo($graph["chart"]); ?>' },
] 
});
</script>

$graph['referrer'] 变量保存引用名称，如“Google.com”，$graph['count'] 变量保存引用名称对应的记录数，如“5"。

以“{label”开头的 Javascript 行表示圆环图的一部分。最初从 MySQL 中提取的数据是使用 fetchArray() 完成的，我想做的是使用 PHP foreach 语句(例如 foreach($Array as $graph))生成每个“{label”行，以便图形可以根据 fetchArray() 返回的引用名称的数量动态生成。我已经尝试了几乎所有我能想到的方法来完成这项工作——将整个 Javascript 行存储在 PHP 中，然后将其回显到 Javascript，等等。但它总是会导致 PHP 发生内部错误。

我确定答案就在我眼皮底下，谢谢大家的宝贵时间。

Answer 1

使用json_encode()生成干净的数据对象:

在 PHP 中:

$data = array( array( 'label' => $graph["referrer"] ), 'value' => $graph["chart"] ) );

在您的 JavaScript 中；

data: <?php echo json_encode($data); ?>