创建从数据库获取数据的折线图

Question

我尝试在D3中创建一个简单的条形图，从数据库中获取数据。其想法是使用参数和国家的选择按钮从数据库中提取年份和值，并以简单条形图的形式显示。我有两个选择按钮和一个提交按钮。代码如下：

      <form action ="data.php" method ="post">

       <tr>
    <th valign="bottom">Select country:</th>
    <td >   
    <select name="country" class="">

        <option value= "NPL">Nepal</option>
         <option value= "IND">India</option>


        </select>

    </td>
    <th valign="bottom">Select parameters:</th>
    <td >   
    <select name="indices" class="">

        <option value= "foodfinal">Vulnerability on food</option>
         <option value= "waterfinal">Vulnerability water </option>


        </select>

    </td>
    <td valign="top">
        <input type="submit" class="action" />
        </td>
     </tr>
     </form> 

Foodfiner和Waterfiner是数据库中名为“气候”的表的名称。NPL和IND是国家代码。我的PHP代码（data.php）是这样的：

<?php
$username = "root"; 
$password = "";   
$host = "localhost";
$database="climate";
$country="AFG"; 
$country=$_POST["country"];
 $indices=$_POST["indices"];

$server = mysql_connect($host, $username, $password);
$connection = mysql_select_db($database, $server);

$myquery = "SELECT  `year`, `values` FROM  `$indices` WHERE `countrycode`= '$country'";
$query = mysql_query($myquery);

if ( ! $query ) {
    echo mysql_error();
    die;
}

$data = array();

for ($x = 0; $x < mysql_num_rows($query); $x++) {
    $data[] = mysql_fetch_assoc($query);
}

echo json_encode($data);  
include("linegraph.html");   

mysql_close($server);
?>

我的问题是那个折线图。html在使用选择表单之前工作得很好，但这一次，它只显示数据的输出。php，看起来像这样。

{"年"："1995"，"值"："0.525999"}，{"年"："1996"，"值"："0.570037"}，{"年"："1997"，"值"："0.563966"}，{"年"："1998"，"值"："0.513896"}，{"年"："1999"，"值"："0.5346"}，{"年"："2000"，"值"："0.552691"}，{"年"："2001"，"值"："0.545319"}，{"年"："2004"，"值"："0.543972"}，{"年"："2005"，"值"："0.543299"}，{"年"："2006"，"值"："0.546682"}，{"年"："2007"，"值"："0.550066"}，{"年"："2008"，："2011"，"值"："0.547536"}，{"年"："2012"，"值"："0.547536"}]

你能帮帮我吗。

Answer 1

改变这个

include("linegraph.html");   

To（如果需要“include”来显示页面，那么最好使用require）

require("linegraph.html"); 

并在php的顶部添加

ini_set('display_errors', 1); 

您可能会发现页面丢失（打开错误报告后，至少您的生活会更轻松）

哦，把这部分也换一下，

for ($x = 0; $x < mysql_num_rows($query); $x++) {
    $data[] = mysql_fetch_assoc($query);
}

到这个

  $data = array();
   while ( false !== ( $row = mysql_fetch_assoc($query))){
       $data[] = $row;
   }

它可能无法解决您的问题（没有其他html页面很难做到），但它是执行此类循环的首选方式。

更新：在这里你不能像现在这样同时传递html和json（我刚刚意识到），你必须选择一个。你的问题是结构性的，因为你不能同时做两件事，json数据去哪里了，它只是漂浮在html之上？抱歉，但它不会像那样工作，要么你已经有了html并用返回的json数据填充它，要么你用已经在其中的数据构建html并将其发送回来。

更改此

echo json_encode($data);  
include("linegraph.html");

到（现在您正在发送有效的json/和html，但您必须在客户端组装它）

 ob_start();
 include("linegraph.html"); 
 $html = ob_get_clean();

$responce = array( 'data'=>$data, 'html'=>$html );
echo json_encode($responce);  

至少你的输出会改变。没有另一页，很难说如何（再次）做到这一点。

好的，，，，当我要求在底部回音时，你是这样做的吗？

echo json_encode($data);  
include("linegraph.html");
mysql_close($server);
echo "works";

?> //id remove this end tag it's not needed and can cause problems if there is space ( line returns ) after it.  Because it will make you json which you may or may not need invalid.

Oyyy。这是。。嗯

if ( ! $query ) {
    echo mysql_error();
    die;
}

你可以这样做。

if ( ! $query ) {
    die ('Query error' . mysql_error());
}