将数据从PHP导入D3.JS [英] Bringing data from PHP into D3.JS

问题描述

我有这个：

 < script type =text / javascript 
 var dataset = [5，10，15，20，25]; 
 
 d3.select（body）。selectAll（p）
 .data（dataset）
 .enter（）
 .append ）
 .text（New paragraph！）; 
< / script> 
  

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

 <？php 
 if（$ results）{
 foreach（$ results as $ row）{
 echo $ row-> eventName。 < br>; 
} 
} else {
 echo'没有找到行。 
} 
？> 
  

这与其余的工作，并显示一些随机事件名称，如电影， / p>

我发现本教程如何将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 ）
 .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 b $ b .append（p）
 .text（New paragraph！）; 
< / script> 
  

但也没有运气。

解决方案

请尝试使用< a href =http://www.php.net/json_encode =noreferrer> PHP json_encode 函数，然后嵌入数据：

 <？php 
 $ dataset = array（5，10，15，20，25）; 
？> 
< script> 
 var dataset =<？php echo json_encode（$ dataset）; ？ 
 // ... 
< / script> 
  

I have this:

<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>

It works. Then I've been learning MySQL/PHP and have some data in a tiny database.

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

That works with the rest of it and displays some random event names like Movies, Shopping, Work.

I found this tutorial on how to bring PHP variables into Javascript but can't figure it out. To simplify instead of trying to figure out the array I even switched to just trying to figure out the data itself but couldn't even get that. This is what my last attempt was:

    <?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>

And then I thought maybe an array would work so tried this

<?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>

But also had no luck. Could anyone offer me some advice or point me towards a tutorial on how to get data from PHP into Javascript?

解决方案

Try using PHP's json_encode function, and then embedding the data:

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

这篇关于将数据从PHP导入D3.JS的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！