Как извлечь данные из базы данных mysql и визуализировать с помощью D3.JS?

Ниже приведен php-скрипт, который вы сможете сохранить где-нибудь в виде файла (скажем, вы назовете его «getdata.php»), доступного из вашего HTML-файла с вашим кодом D3. При вызове он вернет данные из вашей базы данных MySQL в формате json (если сервер базы данных не находится за пределами вашего домена);

<?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 и настройке запроса к базе данных MySQL из d3.js здесь http://www.d3noob.org/2013/02/использованиебазыданныхmysqlвкачествеисточникаданных.html

Это почти та же ситуация, что и Доступ к базе данных MySQL в визуализации d3

Я бы порекомендовал вам использовать Python, чтобы быстро сделать что-то, расширяющее SimpleHTTPServer, или использовать структуру веб-сервиса, такую ​​как web2py.

Насколько я знаю, нет никаких библиотек, которые позволяют javascript напрямую подключаться к базе данных MySQL. Вместо этого рассмотрите возможность предоставления ваших данных через веб-службу (с использованием любого количества серверных технологий: ASP.Net, PHP, Ruby on Rails и т. д.) и сериализуйте свои данные в JSON в ответе.

Я сам столкнулся с проблемой json_encode, в конце концов я написал свой собственный код вместо json_encode. Просто вам нужно установить информацию о соединении sql и yoru. Надеюсь, что вы найдете ее полезной.

$conn = new mysqli(DB_Host, DB_User, DB_Password, DB_Name) or die("Connection failed: " . $conn->connect_error);
$sql = "select  AID as id, deDate_Value as date, nterTime AS counter 
        from xxxx";

//Get the Date and store it in array
$records = array();
if ( $result=mysqli_query($conn,$sql) )
    while ( $obj=mysqli_fetch_object($result) )
        $records[] = $obj;

//echo in json format on screen       
echo "[";
$comma_1 = "";
foreach($records as $obj)
{
    echo $comma_1."{";
    $comma_2 = "";
    foreach($obj as $key => $value)
    {
        echo $comma_2.'"'.$key."\": \"". $value . "\"";
        $comma_2 = ", ";
    }
    echo "}";
    $comma_1 = ", \n";
}

Чтобы заставить d3.json работать, мне пришлось вызвать его следующим образом (мой файл PHP генерирует данные JSON):

d3.json("InventoryData.php").then(function(data){
  console.log(data);
});

Вы можете использовать jQuery, который более популярен следующим образом:

$.getJSON( "ajax/test.json", function( data ) {
console.log(data);
}