[英]How to use json data with chart.js
我使用我(php)生成的chart.js和json數據創建圖形時遇到了一些麻煩。
我寫了這段代碼:
<script type="text/javascript" src="js/Chart.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<canvas id="myChart" width="740" height="200"></canvas>
<script type="text/javascript">
$.getJSON("json.php", function (result) {
var labels = [], data = [];
for (var i = 0; i < result.lenght ; i++){
labels.push(result[i].time);
data.push(result[i].mms);
console.log("result");
}
var ctx = document.getElementById("myChart").getContext("2d");
var myChart = new Chart(ctx, {
type: 'line',
data: {
labels: labels,
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: data
}
]}
});
});
</script>
[
{
"time": "2016-09-01 00:00:07",
"mms": 1430
},
{
"time": "2016-09-01 00:05:08",
"mms": 2237
}
]
Json.php是自mysql查詢以來生成的文件。 如果我將標簽替換為
labels: ["January", "February", "March", "April", "May", "June", "July"],
和數據
data: [65, 59, 80, 81, 56, 55, 40]
有用 !
你能幫我嗎。 我確定我會錯過一點事情。 謝謝
for (var i = 0; i < result.lenght ; i++){
我認為您錯誤地將“長度”這個詞...
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.