X 轴上的 AMCharts 时间戳

Question

AMCharts 库有一些问题。使用 Java 构建了一个服务，其中 return 数据采用 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 是否正确？！

我得到的结果是这样的（但是是错误的）

我做错了什么？！

Answer 1

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

Important: If this is set to true, the data points needs to come pre-ordered in ascending order. Data with incorrect order might result in visual and functional glitches on the chart.

您的示例数据按降序排列，这可能会导致您的问题。

X 轴上的 AMCharts 时间戳

AMCharts Timestamp on x axis

javascript

java

amcharts