D3从mysql获取JSON数据,总是返回未定义的数据


D3 get JSON data from mysql always returning undefined

我做了很多R&D、 在stackoverflow和其他网站上尝试了很多问题,但无法理解我做错了什么。如果能帮我指出自己的错误,我将非常感激。

如果代码在响应前跳过但未使用,也可以尝试此操作。从d3.json()返回数组

D3代码

<!DOCTYPE html>
<meta charset="utf-8">
<body>
<script src="http://d3js.org/d3.v3.min.js"></script>
<script>
    d3.json("chart_data.php", function(error, data){
        json_Data = data;
        console.log("Error:"+error);
        console.log(json_Data);
    });
</script>
</body>
</html>

错误控制台是

Error:SyntaxError: JSON.parse: unexpected character at line 1 column 1 of the JSON data

数据控制台是

undefined

如果我直接在浏览器中运行php文件,我会得到:

[{"value":"1","date":"2016-03-29"},{"value":"0","date":"2016-03-30"},{"value":"3","date":"2016-03-31"},{"value":"2","date":"2016-04-01"},{"value":"2","date":"2016-04-02"},{"value":"5","date":"2016-04-03"},{"value":"1","date":"2016-04-04"},{"value":"1","date":"2016-04-05"},{"value":"0","date":"2016-04-06"}]

这是我的PHP

<?php
require 'db_connection.php';
$sql = "SELECT `y-axis` as value, `x-axis` as date FROM site_data";
$result = $con->query($sql);
$data = array();
if ($result->num_rows > 0) {
    $count = 0;
    while($row = $result->fetch_assoc()) {
        $data[$count]['value'] = $row['value'];
        $data[$count]['date']  = $row['date'];
        $count++;
    }
}
echo json_encode($data);
$con->close();
?>

数据库连接文件

<?php
$con = mysqli_connect("localhost","root","","analytic");
if (mysqli_connect_errno())
  {
  echo "Failed to connect to MySQL: " . mysqli_connect_error();
  }
?>

PHP文件和D3文件在同一目录下。

不要将.php文件作为参数传递给d3.json(),而是尝试传递.json文件:

d3.json("chart_data.json", function(error, data){
    json_Data = data;
    console.log("Error:"+error);
    console.log(json_Data);
});

使用php从DB中获取代码,并使用类似json_encode的东西将其转换为json。将数据输出到.json文件中。不要试图直接从.php文件中读取json。