javascript - AmChart 倍数日期值

Question

我正在尝试创建一个包含多个日期值的图表，但它不起作用。我认为逻辑很好，而且 amChart 不喜欢这种日期格式。有什么想法吗？

工作示例:

var chart = AmCharts.makeChart( "chartdiv", {
  type: "xy",
  dataProvider: [ {
    "ax": 16.10, <--------
    "ay": 2,
    "bx": 16.11, <--------
    "by": 2
  }, {
    "ax": 16.20, <--------
    "ay": 3,
    "bx": 16.21, <--------
    "by": 3
  }],
  graphs: [ {
    "xField": "ax",
    "yField": "ay"
  }, {
    "xField": "bx",
    "yField": "by"
  } ],
} );

我想要得到什么:

  var chart = AmCharts.makeChart( "chartdiv", {
  type: "xy",
  dataProvider: [ {
    "ax": "2017/04/27 09:16:10", <--------
    "ay": 2,
    "bx": "2017/04/27 09:16:11", <--------
    "by": 2
  }, {
    "ax": "2017/04/27 09:16:20", <--------
    "ay": 3,
    "bx": "2017/04/27 09:16:21", <--------
    "by": 3
  }],
  graphs: [ {
    "xField": "ax",
    "yField": "ay"
  }, {
    "xField": "bx",
    "yField": "by"
  } ],
} );

http://jsfiddle.net/Lktv4s4b/1/

Answer 1

对于基于日期的数据，您必须指定 dataDateFormat用于您的图表对象，以便 AmCharts 知道如何正确解析您的日期。由于您使用的是 XY 图表，您还必须告诉 AmCharts 您有一个基于日期的值轴(XY 图表只有值轴，与序列图不同)，并且您必须指定哪一个是基于日期的。根据您的数据，您的 X 轴是基于日期的，因此您至少需要告诉它底部值轴' type是“日期”:

AmCharts.makeChart("chartdiv", {
  type: "xy",
  dataDateFormat: "YYYY/MM/DD JJ:NN:SS",
  valueAxes: [{
    position: "bottom",
    type: "date"
  }], //you can also specify the second value axis' properties if needed, but it will create a numeric y-axis for you by default if you don't
  // ... rest of your properties omitted ...
});

更新的 fiddle :http://jsfiddle.net/Lktv4s4b/2/