0

データベースからデータを取得し、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 です

4

1 に答える 1