PHP, jQuery & Chartist. Js: отображение текущих данных из базы данных в диаграмму - PullRequest
1 голос
/ 30 марта 2020

Я пытаюсь составить график, где я могу видеть количество игроков на сервере в течение 24 часов. Я хочу, чтобы график отображался с 00:00 до 23:59 с 30 до 30 минут. (00:30, 1:00, 1:30 и т.д. c.)

Код, который я использую для отправки массива на вывод jQuery.

$json = array();
$stmt = $link->query("SELECT * FROM online WHERE time > $date");
$stmt->execute();

while($row = $stmt->fetch(PDO::FETCH_ASSOC)){
  $row['time'] = date("H:i", $row['time']); //translate unix to human
  array_push($json, array('labels' => $row['time'],
    'series' => $row['players']
    ));
}

echo json_encode(array("json" => $json));

: enter image description here

Это jQuery Я использую для отображения диаграммы

var url = "settings.php"
  var resp = jQuery.parseJSON(
    jQuery.ajax({
        url: url, 
        async: false,
        dataType: 'json'
       }).responseText
     );

    var JSONObject = JSON.parse(resp);

    var data = {"labels":JSONObject.labels, "series":[JSONObject.series]};


  optionsPlayersOnline = {
    lineSmooth: Chartist.Interpolation.cardinal({
      tension: 0
    }),
    low: 0,
    high: 50,
    chartPadding: {
      top: 0,
      right: 0,
      bottom: 0,
      left: 0
    },
  }

  var PlayersOnline = new Chartist.Line('.ct-chart', data, optionsPlayersOnline);

Моя проблема в том, что я не могу понять, как сделать График работы и отображения.

...