Добавить данные php codeigniter в диаграмму js - PullRequest
0 голосов
/ 12 ноября 2018

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

<?php foreach ($statistics as $key=>$stat):?>
  <?php echo $key?>
  <?php echo $stat?>
<?php endforeach; ?>

$ статистика имеет набор данных, как показано ниже

Array ([09-11-2018] => 1 [10-11-2018] => 2 [11-11-2018] => 5) Array ([09-11-2018] => 1 [10-11-2018] => 2 [11-11-2018] => 5)

сценарий js диаграммы, как показано ниже

<script>
    var ctx = document.getElementById("myChart").getContext("2d");

    var myChart = new Chart(ctx, {
            type: 'line',
            data: {
                  labels: ["Red", "Blue", "Yellow", "Green", "Purple", "Orange"],
                  datasets: [{
                        label: 'Users',
                        data: [12, 19, 3, 5, 2, 3]
                             }]
                  },
            options: {
            scales: {
                  yAxes: [{
                        ticks: {
                             beginAtZero:true
                               }
                          }]
                    }
           }
       });
  </script>

как добавить меткикак $ key данные и набор данных как $ stat data

пожалуйста, помогите мне с этим

1 Ответ

0 голосов
/ 12 ноября 2018

Обновите ваш код с кодом ниже

foreach ($statistics as $key=>$stat){
  $label[]=$key;
  $data[]=$stat;
}

И код сценария

<script>
  var ctx = document.getElementById("myChart").getContext("2d");
  var labelData='<?php echo json_encode($label); ?>';
  var chartData='<?php echo json_encode($data); ?>'
  var myChart = new Chart(ctx, {
        type: 'line',
        data: {
              labels: labelData,
              datasets: [{
                    label: 'Users',
                    data: chartData
                         }]
              },
        options: {
        scales: {
              yAxes: [{
                    ticks: {
                         beginAtZero:true
                           }
                      }]
                }
       }
   });
</script>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...