Получить массив JSON из файла через Ajax для хранения в массиве JavaScript для использования в Chart - PullRequest
Новая
       18

Получить массив JSON из файла через Ajax для хранения в массиве JavaScript для использования в Chart

0 голосов
/ 09 ноября 2019

Я пытаюсь создать файл LIVE UPDATE для моего Chart.js, поэтому мне не нужно обновлять главную страницу для обновления диаграммы. Я создал отдельный файл, в котором хранится вся моя информация от датчиков. У меня есть 3 столбца в моей базе данных с являются Sensor1, Sensor2, Sensor3. Я создал 4 массива, потому что мне нужно будет использовать эти данные отдельно, массив 4 - это сумма трех других датчиков. Я пытаюсь получить эти данные на главной странице, чтобы добавить их в свой Chart.js, но, похоже, не могу их получить. Это то, что я получил до сих пор.

Это мой PHP-файл с массивом JSON: 

<?php 

  session_start();

  if(!isset($_SESSION['usersId']))
  {
    header("Location: ../index.php");
    exit();
  }
  else
  {
    include_once 'includes/dbh.inc.php';
  }

  $id = $_SESSION['userId']; 
  $dBname = "infosensor";
  $conn = mysqli_connect($servername, $dBUsername, $dBPassword, $dBname);

  $sql = "SELECT sensor1, sensor2, sensor3 FROM `$id`;";

  $result = mysqli_query($conn, $sql);
  $jsonsensor1 = array();
  $jsonsensor2 = array();
  $jsonsensor3 = array();
  $jsonsensorsum = array();
  if (mysqli_num_rows($result) > 0)
  {
    while ($row = mysqli_fetch_assoc($result))
    {
      $jsonsensor1[] = intval($row['sensor1'] * ($p = pow(10, 2))) / $p;
      $jsonsensor2[] = intval($row['sensor2'] * ($p = pow(10, 2))) / $p;
      $jsonsensor3[] = intval($row['sensor3'] * ($p = pow(10, 2))) / $p;
      $jsonsensorsum[] = intval(($row['sensor1'] + $row['sensor2'] + $row['sensor3']) * ($p = pow(10, 2))) / $p;
    } 
  }

  echo json_encode($jsonsensor1);
  echo json_encode($jsonsensor2);
  echo json_encode($jsonsensor3);
  echo json_encode($jsonsensorsum);
?>

Вывод этого: 

[5,10,10.99,10.99,13,5,14.31,1,1,5,5,5,1,5,3,3,5,5,1,5,10.32,10.32,5,8,5,10,5,5,19,5,7.36,7.36,5,12.2,12.2,2.2,2.2,23.3,5,10.87,6.87,6.87,5,5,10,10,10,10,5,5,5,5,5,0,5,5]

[8,12.5,12.5,12.53,12.53,8,10.11,1,1,8,8,8,1,8,3,3,8,8,1,8,12.83,32.32,8,8,8,10,8.31,8,10,8,18.2,18.2,8,10.3,10.3,2.29,2.29,12.3,8,8.23,2.23,2.23,8,8,10,10,10,20,5,5,5,5,8,0,8,2]

[6,8.86,8.86,8.87,8.87,6,8.33,1,2,6,2,3,1,6,3,8,6,6,1,6,8.32,7.32,6,8,6,10,3.31,6,12,6,12.3,12.3,6,11.1,11.1,4.09,4.09,33.1,6,5.16,12.16,2.16,6,6,10,20,30,30,30,30,5,0,6,0,6,5]

[19,31.36,32.36,32.4,34.4,19,32.76,3,4,19,15,16,3,19,9,14,19,19,3,19,31.47,49.96,19,24,19,30,16.62,19,41,19,37.86,37.86,19,33.6,33.6,8.6,8.6,68.7,19,24.26,21.26,11.26,19,19,30,40,50,60,40,40,15,10,19,0,19,12

Это ajax, который я пробовал в моем основномстраница: 

$(document).ready(function(){
      $.getJSON("loadchart.php", function(jsonsensor1){
        var sensor1 = [$jsonsensor1]; 
        var sensor2 = [$jsonsensor2];
        var sensor3 = [$jsonsensor3];
        var sensorsum = [$jsonsensorsum];
      });
    });

Это часть моей диаграммы, мне нужно отправить сюда переменные ajax: 

    var lbl = [<?php echo $labels; ?>];
    var ctx1 = document.getElementById('mychart1').getContext('2d');

    var myLineChart = new Chart(ctx1, {
        type: 'line', 
        data: {
          labels: lbl,
          datasets: [
            {
              label: "Corrente 1",
              data: [<?php echo $datacor1;?>], //Instead of php the json
              borderWidht: 6,
              borderColor: 'red',
              backgroundColor: 'transparent'
            },
            {
              label: "Corrente 2",
              data: [<?php echo $datacor2; ?>], //Instead of php the json
              borderWidht: 6,
              borderColor: 'blue',
              backgroundColor: 'transparent'
            },
            {

Возможно, здесь тоже нужно будет добавить переменные:

 function updateChart ()
    {
      myLineChart.update();
    };
...