amcharts 甘特轴恢复为时间而不是日期答案

【问题标题】：amcharts gantt axis reverting to time instead of dateamcharts 甘特轴恢复为时间而不是日期
【发布时间】：2015-07-01 13:53:37
【问题描述】：

我正在尝试基于 amcharts 构建甘特图。不过，我可能每行只有一项，所以我尝试使用示例 _JSON_ganttDateBased 但当我每行只留下一项时（John、Smith 和 Ben 每人只有一项任务），X 轴恢复为时间而不是日期。

我研究了浮动栏作为一种可能的方法，但我不确定我是否可以将日期放在轴上。

谢谢

【问题讨论】：

请在投票时解释一下，这样我就知道我做错了什么。
有时审阅者会出于本能（哦，没有发布代码，让我们投反对票），即使他们不明白，如果你知道你在说什么，这是一个完全有效的问题。我很快就会给出答案。

标签： javascript amcharts gantt-chart

【解决方案1】：

发生这种情况是因为总时间跨度很小，并且有足够的空间在 X 轴上放置网格线/标签。所以图表恢复为线条。

这可以通过将价值轴的粒度强制为每日来轻松解决：

"valueAxis": {
  "type": "date",
  "minPeriod": "DD"
}

这应该将您的轴增量恢复为天。

这是一个工作示例：

var chart = AmCharts.makeChart( "chartdiv", {
  "type": "gantt",
  "period": "DD",

  "valueAxis": {
    "type": "date",
    "minPeriod": "DD"
  },
  "brightnessStep": 10,
  "graph": {
    "fillAlphas": 1,
    "balloonText": "[[open]] - [[value]]"
  },
  "rotate": true,
  "categoryField": "category",
  "segmentsField": "segments",
  "dataDateFormat": "YYYY-MM-DD",
  "startDateField": "start",
  "endDateField": "end",
  "dataProvider": [ {
    "category": "John",
    "segments": [ {
      "start": "2015-01-02",
      "end": "2015-01-03"
    } ]
  }, {
    "category": "Smith",
    "segments": [ {
      "start": "2015-01-01",
      "end": "2015-01-02"
    } ]
  }, {
    "category": "Ben",
    "segments": [ {
      "start": "2015-01-06",
      "end": "2015-01-09"
    } ]
  } ],
  "chartCursor": {
    "valueBalloonsEnabled": false,
    "cursorAlpha": 0,
    "valueLineBalloonEnabled": true,
    "valueLineEnabled": true
  },

  "chartScrollbar": {

  }
} );

<script src="http://www.amcharts.com/lib/3/amcharts.js"></script>
<script src="http://www.amcharts.com/lib/3/serial.js"></script>
<script src="http://www.amcharts.com/lib/3/gantt.js"></script>
<div id="chartdiv" style="width: 100%; height: 400px;"></div>

【讨论】：