mysql - 如何从 mysql 数据库中提取数据并使用 D3.JS 进行可视化？

Question

我在 MySQL 中有一个数据库，我想在 D3.JS 中对其进行可视化。为此，我首先要解析 JSON 格式的数据，然后编写一个从数据库中提取数据并使用D3.JS 可视化的基本代码。我环顾四周，但找不到我想要的东西，因为我是 D3.JS 的新手。

我怎样才能做到这一点？任何帮助或线索表示赞赏。

Answer 1

以下是一个 php 脚本，您应该可以将其保存为文件(假设您将其称为“getdata.php”)，可以从包含 D3 代码的 HTML 文件访问。调用时，它将以 json 格式从您的 MySQL 数据库返回数据(只要数据库服务器不在您的域之外)；

<?php
    $username = "******"; 
    $password = "******";   
    $host = "******";
    $database="***dbase_name***";

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

    $myquery = "
    query here
    ";

    $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);     

    mysql_close($server);
?>

显然，您需要为用户名、密码、主机和数据库输入适当的详细信息。您还需要包含对数据的适当查询，以便它返回您要查找的内容。类似的东西(这只是一个猜测)；

SELECT `dateTimeTaken`, `reading` FROM `tablename`

这将从一个名为 tablename 的表中返回一个时间戳和值的列表，该表包含名为 dateTimeTaken 和 reading 的列。然后，当你去读入你的 json 文件时，你将对你将要读入 json 的代码使用以下语法；

d3.json("getdata.php", function(error, data) {

希望这接近您要查找的内容。我已经在本地对其进行了测试，它似乎一切正常..

我整理了一篇文章来介绍简单 WAMP 服务器的本地安装以及从 d3.js 中的 MySQL 数据库设置查询 http://www.d3noob.org/2013/02/using-mysql-database-as-source-of-data.html

这与 Accessing MySQL database in d3 visualization 的情况几乎相同。