2
我試圖將一些時間和溫度數據拖入Amcharts。數據是定期收集溫度數據(每10分鐘)。數據顯示但似乎堆疊在一起。參見示例圖像: ExampleAmcharts時間系列數據不顯示
的數據格式(從PHP腳本)是:
[{"timestamp":"2015-10-26 04:44:33","temp":24.9,"ID":"AA"},{"timestamp":"2015-10-26 04:54:31","temp":25.1,"ID":"AA"},{"timestamp":"2015-10-26 05:04:30","temp":25.2,"ID":"AA"}.....
我使用的腳本代碼是:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>Indoor temperature</title>
<script src="amcharts/amcharts.js" type="text/javascript"></script>
<script src="amcharts/serial.js" type="text/javascript"></script>
<script src="amcharts/amstock.js" type="text/javascript"></script>
<script src="http://www.amcharts.com/lib/3/plugins/dataloader/dataloader.min.js">
</script>
<link rel="stylesheet" href="amcharts/style.css" type="text/css">
<script>
var chart = AmCharts.makeChart("chartdiv", {
"type": "serial",
"dataLoader": {
"url": "/sensor-data.php?action=csv_data&id='AB'&period=24"
},
"pathToImages": "http://www.amcharts.com/lib/images/",
"categoryField": "timestamp",
"dataDateFormat": "YYYY-MM-DD HH:MM:SS",
"startDuration": 1,
"categoryAxis": {
"parseDates": true,
"autoGridCount": true,
"minPeriod" : "ss"
},
"graphs": [ {
"valueField": "temp",
"bullet": "round",
"bulletBorderColor": "#FFFFFF",
"bulletBorderThickness": 2,
"lineThickness ": 2,
"lineAlpha": 0.5
} ]
});
</script>
</head>
<body>
<div id="chartdiv" style="width:100%; height:400px;"></div>
</body>
</html>
任何人都可以指出我是什麼做錯了,以防止數據正確顯示?
我的猜測是你的數據沒有按日期正確排序。 如果你想要更多的幫助提供整個數據數組而不僅僅是一個小樣本。並編輯你的代碼,以使CDN鏈接,而不是本地'amcharts/amcharts.js',這將不會加載。 如果你真的需要幫助..打開一個工作小提琴,顯示你的錯誤。你會很快得到答案 – LiranBo
謝謝@LiranBo,請參閱下面的答案。感謝您的期待! – user19466