将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.';
}
?>

这适用于其余部分,并显示一些随机事件名称,如电影,购物,工作.

我找到了关于如何将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的json_encode函数,然后嵌入数据:

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