在图表上插入php的结果时,它会将每个数字分隔到一个新行中。也就是说,如果有120,它将1、2和0分隔开。每一个都在一条新的线上。
我犯了什么错
我的代码:
<div>
<canvas id="canvas" height="100%"></canvas>
</div>
<script>
var lineChartData = {
labels :[1,2,3,4,5,6,7],
datasets : [
{
label: "My First dataset",
fillColor : "rgba(220,220,220,0.2)",
strokeColor : "rgba(220,220,220,1)",
pointColor : "rgba(220,220,220,1)",
pointStrokeColor : "#fff",
pointHighlightFill : "#fff",
pointHighlightStroke : "rgba(220,220,220,1)",
data :
<?php
while($valor = mysql_fetch_assoc($sql))
{
extract($valor);
$pingresposta.= $valor['resposta'];
$pinghorario.= $valor['horario'];
}
echo json_encode($pingresposta);
?>
}
]
}
window.onload = function(){
var ctx = document.getElementById("canvas").getContext("2d");
window.myLine = new Chart(ctx).Line(lineChartData, {
responsive: true
});
}
</script>
datasets.data
期望使用一个数组,但json_encode
返回一个字符串。在javascript中,字符串可以按每个字符迭代,其长度与数组一样。。。鸭子嘎嘎地叫着,没有出错。
如果要使用json_encode并确保它是一个数组,则需要在echo'd PHP输出上使用JSON.parse
,然后再将其发送到要解析的图。
更新:
试试这个。
<?php
$graphdata = array();
while($valor = mysql_fetch_assoc($sql))
{
extract($valor);
$graphdata[] = $valor['resposta'];
}
echo '[' . implode(',', $graphdata) . ']';
?>
也许查询结果中有一些杂散字符?尝试
$pingresposta.= trim($valor['resposta']);
$pinghorario.= trim($valor['horario']);