AMCharts库有一些问题。
使用Java构建了一个服务,该服务以JSON格式返回数据,如下所示:
[{"datum":"2017-11-05 14:30:00","temperatura":17.2754,"slanost":38.0844},
{"datum":"2017-11-05 14:00:00","temperatura":17.1836,"slanost":38.1}]
我想要的是在x轴上有日期时间,在温度上有/或在y轴上有盐度。
我的html代码是这样的:
var chart = AmCharts.makeChart( "chartdiv", {
"type": "serial",
"dataLoader": {
"url": "rest/podatki/tempslajson"
},
"categoryField": "datum",
"dataDateFormat": "YYYY-MM-DD JJ:NN:SS",
"startDuration": 1,
"rotate": false,
"categoryAxis": {
"parseDates": true,
"minPeriod": "ss"
},
"graphs": [ {
"valueField": "temperatura",
"bullet": "round",
"bulletBorderColor": "#FFFFFF",
"bulletBorderThickness": 2,
"lineThickness ": 2,
"lineAlpha": 0.5
}]
} );
问题是如果dataDateFormat是正确的,我不确定。
我得到的结果是这样的(但是是错误的)
我做错了什么!
最佳答案
如parseDates
文档中所述,基于日期的数据在AmCharts中必须按升序排列。根据文档:
重要:如果将其设置为true
,则数据点需要按升序进行预排序。顺序不正确的数据可能会导致图表出现视觉和功能故障。
您的样本数据按降序排列,这很可能会引起您的问题。