php - 将数据从 PHP 导入 D3.JS

Question

我有这个:

<script type="text/javascript">
var dataset = [ 5, 10, 15, 20, 25 ];

        d3.select("body").selectAll("p")
            .data(dataset)
            .enter()
            .append("p")
            .text("New paragraph!");
</script>

它有效。然后我一直在学习 MySQL/PHP 并且在一个小型数据库中有一些数据。

<?php
if ( $results ) {
foreach($results as $row) {
    echo $row->eventName . "<br>";
}
} else {
echo 'No rows found.';
}
?>

这与它的其余部分一起工作，并显示一些随机事件名称，如电影、购物、工作。

我找到了 this tutorial关于如何将 PHP 变量带入 Javascript 但无法弄清楚。为了简化而不是试图找出数组，我什至转而只是试图找出数据本身，但甚至无法得到。这是我最后的尝试:

    <?php
$php_var = 1;
?>

<script type="text/javascript">
var dataset = <?php echo $php_var; ?>

        d3.select("body").selectAll("p")
            .data(dataset)
            .enter()
            .append("p")
            .text("New paragraph!");
</script>

然后我想也许数组可以工作所以尝试了这个

<?php
$php_var = array(
    5, 10, 15, 20, 25);
?>

<script type="text/javascript">
var dataset = $php_var

        d3.select("body").selectAll("p")
            .data(dataset)
            .enter()
            .append("p")
            .text("New paragraph!");
</script>

但也没有运气。谁能给我一些建议或指导我如何将数据从 PHP 获取到 Javascript 的教程？

Answer 1

尝试使用 PHP's json_encode function ，然后嵌入数据:

<?php
    $dataset = array(5, 10, 15, 20, 25);
?>
<script>
    var dataset = <?php echo json_encode($dataset); ?>;
    // ...
</script>