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是正确的,我不确定。

我得到的结果是这样的(但是是错误的)

javascript - x轴上的AMCharts时间戳-LMLPHP

我做错了什么!

最佳答案

parseDates文档中所述,基于日期的数据在AmCharts中必须按升序排列。根据文档:


  重要:如果将其设置为true,则数据点需要按升序进行预排序。顺序不正确的数据可能会导致图表出现视觉和功能故障。


您的样本数据按降序排列,这很可能会引起您的问题。

10-07 16:12
查看更多