以下は、D3コードを含むHTMLファイルからアクセス可能なファイル(たとえば、「getdata.php」と呼びます)としてどこかに保存できるはずのphpスクリプトです。呼び出されると、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 ( ! $myquery ) {
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);
?>
明らかに、ユーザー名、パスワード、ホスト、データベースの適切な詳細を入力する必要があります。また、「dateTimeTaken」と「reading」のデータを返すように、データに適切なクエリを含める必要があります。これは単なる推測です);
SELECT `dateTimeTaken`, `reading` FROM `tablename`
次に、jsonファイルを読み込むときは、jsonを読み込むコードに次の構文を使用します。
d3.json("getdata.php", function(error, data) {
うまくいけば、それはあなたが探しているものに近いです。私はそれをローカルでテストしました、そしてそれはすべてうまくいくようです。
単純なWAMPサーバーのローカルインストールと、d3.jsからのMySQLデータベースへのクエリの設定についての投稿をまとめました。