以下は、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 ( ! $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データベースへのクエリの設定についての投稿をまとめました。
これは、アクセスとほぼ同じ状況です。 d3ビジュアライゼーションのMySQLデータベース