Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/250.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 将codeigniter php数据添加到图表js_Javascript_Php_Codeigniter_Chart.js - Fatal编程技术网

Javascript 将codeigniter php数据添加到图表js

Javascript 将codeigniter php数据添加到图表js,javascript,php,codeigniter,chart.js,Javascript,Php,Codeigniter,Chart.js,在我看来,我将数据作为键和值显示在图表中 <?php foreach ($statistics as $key=>$stat):?> <?php echo $key?> <?php echo $stat?> <?php endforeach; ?> $statistics具有如下数据集 阵列([09-11-2018]=>1[10-11-2018]=>2[11-11-2018]=>5)阵列 ([09-11-2018]=>1[10-

在我看来,我将数据作为键和值显示在图表中

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

$statistics具有如下数据集

阵列([09-11-2018]=>1[10-11-2018]=>2[11-11-2018]=>5)阵列 ([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>

var ctx=document.getElementById(“myChart”).getContext(“2d”);
var myChart=新图表(ctx{
键入:“行”,
数据:{
标签:[“红色”、“蓝色”、“黄色”、“绿色”、“紫色”、“橙色”],
数据集:[{
标签:“用户”,
数据:[12,19,3,5,2,3]
}]
},
选项:{
比例:{
雅克斯:[{
滴答声:{
贝吉纳泽罗:是的
}
}]
}
}
});
如何将标签添加为$key数据,将数据集数据添加为$stat数据


请帮我更新以下代码

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>

var ctx=document.getElementById(“myChart”).getContext(“2d”);
变量labelData='';
var chartData=“”
var myChart=新图表(ctx{
键入:“行”,
数据:{
标签:labelData,
数据集:[{
标签:“用户”,
数据:图表数据
}]
},
选项:{
比例:{
雅克斯:[{
滴答声:{
贝吉纳泽罗:是的
}
}]
}
}
});