Диаграмма не отображается в HTML с использованием Chartist. js - PullRequest
Новая
       8

Диаграмма не отображается в HTML с использованием Chartist. js

0 голосов
/ 30 марта 2020

Я пытаюсь отобразить диаграмму в HTML, но вижу только пустой экран. Код отображается, как и ожидалось, в исходных кодах браузера при отладке, и консоль чистая. Я не уверен, где go на данный момент.

Для ясности, я использую PHP для заполнения ряда данных в функции данных. 

<html>
  <head>
    <title>Team Calm System Graph</title>
    <link rel="stylesheet"
          href="http://cdn.jsdelivr.net/chartist.js/latest/chartist.min.css">
  </head>
  <body>
    <div class="ct-chart ct-perfect-fourth"></div>
       <script src="http://cdn.jsdelivr.net/chartist.js/latest/chartist.min.js">
    var data = {
  labels: ['Timestamp', 'Tiredness', 'Nausea', 'Depression', 'Anxiety', 'Drowsiness', 'Appetite', 'Wellbeing', 'Breath', 'Other'],
  series: 
 <?php 
            $con = mysqli_connect(//connection information);

            $query = "SELECT * from Patients where email = 'handle@domain.com'";

             $exec = mysqli_query($con,$query);
             while($row = mysqli_fetch_array($exec)){

             echo "['".$row['reg_date']."','".(int)$row['fatigue']."','".(int)$row['nausea']."','".(int)$row['depression']."','".(int)$row['anxiety']."','".(int)$row['drowsy']."','".(int)$row['appetite']."','".(int)$row['wellbeing']."','".(int)$row['breath']."','".(int)$row['other']."'],";
             }
?> 

}, {
  stackBars: true,
  axisY: {
    labelInterpolationFnc: function(value) {
      return (value / 1000) + 'k';
    }
  }
}).on('draw', function(data) {
  if(data.type === 'bar') {
    data.element.attr({
      style: 'stroke-width: 30px'
    });
  }
});

new Chartist.Bar('.ct-chart', data);
    </script>
  </body>
</html>
...