Блог

Главная - Вопросы по программированию - Я пытаюсь построить график по данным реального времени на моем веб-сайте в соответствии с идентификатором пациента в выбранном теге

Я пытаюсь построить график по данным реального времени на моем веб-сайте в соответствии с идентификатором пациента в выбранном теге

#javascript #php #html #phpmyadmin

#javascript #php #HTML #phpmyadmin

Вопрос:

Я пытаюсь построить график для данных в реальном времени на моем веб-сайте в соответствии с идентификатором пациента в выбранном теге. В базе данных phpmyadmin у меня есть четыре столбца ( temp,rate,date,patient_id ) в followdata_temp , я получаю данные о темпе в зависимости от времени.

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

// followdata_temp.php (откуда извлекаются данные)

     $mysqli = new mysqli(DB_HOST, DB_USERNAME, DB_PASSWORD, DB_NAME);
    //query to get data from the table   
    session_start();    
    //$pid = $_POST['patient_id'];
    //echo $pid;
    $query = sprintf("SELECT time, temp FROM heart_reating where patient_id='$pid' ") or die(mysql_error()); //$pid is where patient_id is declared in page.    
    //execute query
    $result = $mysqli->query($query);

моя HTML-страница

 <html>
    <head>
        <title>ChartJS - Line</title>
        <meta charset="utf-8"/>
        <link href="css/default.css" rel="stylesheet">       
    </head>
    <body>   
      <div class="chart-container">
        <canvas id="line-chartcanvas"></canvas>
      </div>    
      <!-- javascript -->
     <script type="text/javascript" src="js2/jquery.min.js">    
        </script>
        <script type="text/javascript" src="js2/Chart.min.js">  
        </script>
    <script type="text/javascript" src="https://code.jquery.com/jquery-3.3.1.js">
    </script>
       <script>
            $(document).ready(function() {   
      /**
       * call the data.php file to fetch the result from db table.
       */
      $.ajax({
        url : "/followdata_temp.php",
        type : "GET",
        success : function(data){
          console.log(data);    
          var time = [];
          var temp = [];    
          var len = data.length;    
          for (var i = 0; i < len; i  ) {
                   time.push(""   data[i].time);
            temp.push(data[i].temp);
          }  
          //get canvas
          var ctx = $("#line-chartcanvas");
          var chartdata = {
            labels : time,
            datasets : [
              { 
             label : "Temperature",
                data : temp,
                backgroundColor : "blue",
                borderColor : "lightblue",
                fill : false,
                lineTension : 0,
                pointRadius : 5
              }
            ]
          };   
          var chart = new Chart( ctx, {
            type : "line",
            data : chartdata
           });
    },
        error : function(data) {
          console.log(data);
        }
      });   
    });
        </script>    
    </body>
    </html>

Я хотел построить график, выбрав идентификатор пациента из select, который есть в phpmyadmin, построив график этого как ( temp, time )

Комментарии:

1. пожалуйста, объясните, что происходит, а что нет. Есть ли ошибки? Диаграмма не отображается или выглядит неправильно и т. Д

2. имеются следующие ошибки…. Не удалось загрузить ресурс: сервер ответил со статусом 404 (не найден) jquery-3.3.1.js: 1 Не удалось загрузить ресурс: net::ERR_CERT_AUTHORITY_INVALID ak.html:34 [{«время»:»2019-03-27 15:03:21″,» temp»:»100″},{«time»:»2019-03-27 15:02:47″,» temp»:»100″}] default.css: 1 Не удалось загрузить ресурс: сервер ответил со статусом 404 (не найден)

3. данные извлекаются из базы данных, но они не отображаются на линейном графике.

4. предположительно, ваш php отправляет кодированный json $result обратно в функцию ajax?

5. да, и данные также печатаются. как …… [{«время»:»2019-03-27 15:03:21″,» temp»:»100″},{«time»:»2019-03-27 15:02:47″,» temp»:»100″}]