2015-10-27 50 views
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> 

任何人都可以指出我是什麼做錯了,以防止數據正確顯示?

+2

我的猜測是你的數據沒有按日期正確排序。 如果你想要更多的幫助提供整個數據數組而不僅僅是一個小樣本。並編輯你的代碼,以使CDN鏈接,而不是本地'amcharts/amcharts.js',這將不會加載。 如果你真的需要幫助..打開一個工作小提琴,顯示你的錯誤。你會很快得到答案 – LiranBo

+0

謝謝@LiranBo,請參閱下面的答案。感謝您的期待! – user19466

回答

0

所以事實證明,我有日期格式不出來的PHP腳本作爲日期格式我有日期格式錯誤從python腳本到PHP到JavaScript。

感謝您關注此事。