javascript - AMCharts x 轴上的时间戳

Question

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 是否正确？!

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

我做错了什么？!

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.

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