【发布时间】: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,请参阅下面的答案。感谢收看!