Comment extraire des données de la base de données mysql et les visualiser avec D3.JS ?

Ce qui suit est un script php que vous devriez pouvoir enregistrer quelque part sous forme de fichier (disons que vous l'appelez 'getdata.php') accessible à partir de votre fichier HTML contenant votre code D3. Lorsqu'il est appelé, il renverra les données de votre base de données MySQL au format json (tant que le serveur de base de données n'est pas en dehors de votre domaine) ;

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

Évidemment, vous devrez entrer les détails appropriés pour le nom d'utilisateur, le mot de passe, l'hôte et la base de données. Vous devrez également inclure une requête appropriée pour vos données afin qu'elle renvoie ce que vous recherchez. Quelque chose comme (et ce n'est qu'une supposition);

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

Ce qui renverrait une liste d'horodatages et de valeurs à partir d'une table appelée tablename avec des colonnes appelées dateTimeTaken et reading .Ensuite, lorsque vous allez lire dans votre fichier json, vous utiliserez la syntaxe suivante pour le code où vous lirez dans votre json ;

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

J'espère que c'est proche de ce que vous recherchez. Je l'ai testé localement et tout semble fonctionner..

J'ai rédigé un article pour passer en revue l'installation locale d'un simple serveur WAMP et la configuration d'une requête sur la base de données MySQL à partir de d3.js ici http://www.d3noob.org/2013/02/using-mysql-database-as-source-of- données.html

C'est à peu près la même situation que Accéder Base de données MySQL dans la visualisation d3