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,
数据集:[{
标签:“用户”,
数据:图表数据
}]
},
选项:{
比例:{
雅克斯:[{
滴答声:{
贝吉纳泽罗:是的
}
}]
}
}
});