【问题标题】:Amcharts time series data not displayingAmcharts 时间序列数据不显示
【发布时间】:2015-10-27 04:29:56
【问题描述】:

我正在尝试将一些时间和温度数据提取到 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>

谁能指出我做错了什么来阻止数据正确显示?

【问题讨论】:

  • 我的猜测是您的数据未按日期正确排序。如果您需要更多帮助,请提供整个数据数组,而不仅仅是一个小样本。并编辑您的代码以使用 CDN 链接而不是本地人 amcharts/amcharts.js 这不会加载。如果你真的需要帮助..打开一个显示你错误的工作小提琴。你会很快得到答案
  • 感谢@LiranBo,请参阅下面的答案。感谢收看!

标签: json graph amcharts


【解决方案1】:

所以事实证明我的日期不是从 PHP 脚本出来的日期格式并且我的日期格式错误,从 python 脚本到 php 到 javascript。 p>

感谢您查看此内容。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-07-02
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多