Bagaimana cara mengambil data dari database MySQL dalam JavaScript untuk membuat bagan?

Setelah Anda memilih di DB Anda, Anda harus mengembalikan jawabannya dalam format json (bagi saya, saya baru saja membuat array dengan nilai untuk diuji):

File php Anda (saya adalah serv.php):

$data = array([1, 19], [2, 11], [3, 14], [4, 16]);
// replace $data by your code to select in DB
echo json_encode($data);

Sekarang Anda harus mendapatkan respons dalam kode javascript Anda. Untuk melakukan itu, Anda harus membuat permintaan "GET" di javascript atau jQuery (jQuery dalam kasus saya):

Ini adalah file js Anda :

$.ajax({
   url : 'serv.php', // your php file
   type : 'GET', // type of the HTTP request
   success : function(data){
      var obj = jQuery.parseJSON(data);
      console.log(obj);
   }
});

Dan di obj Anda memiliki data Anda :

Jadi sekarang Anda memiliki data Anda dan untuk mengakses, adalah array jadi :

 - obj[0] contains [1, 19], obj[0][0] contains 1 and obj[0][1] contains 19
 - obj[1] contains [2, 11], obj[1][0] contains 2 and obj[1][1] contains 11 ...

Dalam kasus Anda, variable1 sama dengan obj

Sunting Dengan DB Anda :

Sebelum mengirim jawaban, Anda harus membangun data Anda dengan benar. Jadi dalam kasus Anda, Anda memiliki array multidimensi, yang saya buat ketika saya mendorong array dalam array bernama data .

$servername = "localhost";
$username = "root";
$password = "";
$dbname = "datadb";

// Create connection
$conn = new mysqli($servername, $username, $password, $dbname);
// Check connection
if ($conn->connect_error) {
    die("Connection failed: " . $conn->connect_error);
} 

$sql = "SELECT column1, column2 FROM chartdata";  //This is where I specify what data to query
$result = mysqli_query($conn, $sql);

$data = array();
while($enr = mysqli_fetch_assoc($result)){
    $a = array($enr['column1'], $enr['column2']);
    array_push($data, $a);
}

echo json_encode($data);