データベースからデータを取得し、d3 と JavaScript を使用してグラフ化するプログラムがあります。JavaScriptでローカル配列にデータを更新して挿入するメソッドがいくつかありますが、データベースにも更新して挿入する必要があります。どうすればいいですか?データベースに PSQL を使用しています。
これが私のphpコードです:
<?php
// attempt a connection
$dbh = pg_connect("host=localhost dbname=data user=postgres");
if (!$dbh) {
die("Error in connection: " . pg_last_error());
}
// execute query
$sql = "SELECT * FROM dataset";
$result = pg_query($dbh, $sql);
if (!$result) {
die("Error in SQL query: " . pg_last_error());
}
$arr = pg_fetch_all_columns($result, 1);
// free memory
pg_free_result($result);
// close connection
pg_close($dbh);
?>
そして、これが私が話しているメソッドです.clickEventは、バーがクリックされたときに入力を求め、バーの長さを更新します.
function clickEvent(d, i) {
var op = prompt("Please enter the value", d);
data[i] = parseInt(op, 10);
render();
};
このメソッドは、「データの追加」をクリックすると入力を求め、新しいバーを追加します。
d3.select("button").on("click", function(d, i) {
var op = prompt("Please enter the value", "");
var newData = parseInt(op, 10);
if (!isNaN(newData)) {
data.push(newData);
render();
}
});
これは、javascript コードが何をするかを確認するためのjfiddle です。