用php + mysql填充morris.js

Question

Oh Hello! I can't create charts with mysql using morris.js... I have a table in my db which is divided into:

+----+-------+-----------+---------+
| id | name  | connected | blocked |
+----+-------+-----------+---------+

where in connected and blocked is stored respectively true or false and true or false .

Example:

+----+-------+-----------+---------+
| id | name  | connected | blocked |
+----+-------+-----------+---------+
|  1 | cesar | true      | false   |
+----+-------+-----------+---------+

And I want to show the number of connected clients, disconnected clients, blocked and unblocked clients in morris.js charts.

I also think my query is wrong... There it is:

$link = mysqli_connect("127.0.0.1", "root", "mysql", "charts");
$query = mysqli_query($link, "SELECT * from data");

$array = array();
while ( $row = mysqli_fetch_assoc( $query ) ) 
{
 array_push(
    $array,
    array(
         'x' => $row['blocked'],
         'y' => $row['connected']
    )
 );
}
echo json_encode($array);

---

$.ajax({
    'async': true,
    'global': false,
    'url': 'cobaJson.php',
    'dataType': "json",
    'success': function (data) {
        new Morris.Line({
            element: 'myfirstchart',
            data: json,
            xkey: 'x',
            ykeys: ['y'],
            labels: ['Value']
        });   
    }
});

Answer 1

First, check your response, you should see it in the network tab of chrome dev tools.

If it correct chrome can show you your structured data

If it is not correct you can better manage your query like this:

$link = mysqli_connect("127.0.0.1", "root", "mysql", "charts");
$query = mysqli_query($link, "SELECT * from data");
if(!$query) {
  die('Mysql error:'. mysqli_error($link));
}

and if there's an error in your query you should see the error in chrome dev tools when the call is performed.