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

Question

我有一个数据库MySQL,我想在其中进行可视化D3.JS.为了做到这一点,首先我想要格式化parse数据JSON,然后编写一个基本代码,从数据库中提取数据并进行可视化D3.JS.我环顾四周,但由于我不熟悉,却无法找到我想要的东西D3.JS.

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

Answer 1

以下是一个php脚本,您应该可以将其保存在某个文件中(假设您称之为"getdata.php"),可以从您的HTML文件中访问,其中包含D3代码.调用时,它将以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-源的-data.html

这与在d3可视化中访问MySQL数据库几乎相同

Answer 2

简答:Web服务.

基本上,您需要创建一个Web服务,它将返回json数据(例如)以连接到d3.json()调用.

我建议你使用Python快速做一些扩展SimpleHTTPServer,或者使用Web服务框架,如web2py.

Answer 3

AFAIK 没有任何库允许 javascript 直接连接到 MySQL 数据库。相反，请考虑通过 Web 服务公开数据（使用任意数量的服务器端技术：ASP.Net、PHP、Ruby on Rails 等），并在响应中将数据序列化为 JSON