Как да извлечем данни от MySQL база данни в JavaScript, за да изградим диаграма?

След като направите своя избор във вашата DB, трябва да върнете отговора във формат json (за мен просто направих масив със стойността за тестване):

Вашият php файл (аз е 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);

Сега трябва да получите отговора във вашия javascript код. За да направите това, трябва да направите заявка "GET" в javascript или jQuery (jQuery в моя случай):

Това е вашият js файл:

$.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);
   }
});

И в obj имате вашите данни :

И така, сега имате вашите данни и за достъп има масив, така че:

 - 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 ...

Във вашия случай variable1 е същото като obj

Редактиране С вашата БД :

Преди да изпратите отговора, трябва да изградите правилно данните си. Така че във вашия случай имате многоизмерен масив, който правя, когато натискам масив в масива с име 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);