Question

我试图将一些时间和温度数据输入Amcharts。数据是定期收集的温度数据（每10分钟）。数据显示但似乎堆叠在一起。见示例图片： Example

数据格式（来自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>

有人能指出我做错了什么来阻止数据正确显示吗？

Answer 1

所以事实证明我的日期不是来自PHP脚本的日期格式 AND 我的日期格式错误，从python脚本到php到javascript。

感谢您查看此内容。

Amcharts时间序列数据未显示

1 个答案: