dateAxis 上的 amchart 最后一个标签不正确可见

Question

我在使用最新的 amcharts 版本 4 显示甘特图时遇到问题。开始日期和结束日期接近时无法看到最后一个标签。如果我使用长持续时间，那么我可以在日期轴上看到最后一个标签。

下面使用的日期轴属性：

    var dateAxis = chart.xAxes.push(new am4charts.DateAxis());
    dateAxis.renderer.minGridDistance = 70;
    dateAxis.baseInterval = { count: 1, timeUnit: "day" };
    dateAxis.renderer.tooltipLocation = 0;
    dateAxis.cursorTooltipEnabled = false;
    dateAxis.strictMinMax = true;

图表数据：

data = [ {
  "category": "",
  "start": "2015-03-25",
  "end": "2015-05-09",
  "color": "#1DB329",
  "task": "Active base license"
}, {
  "category": "",
  "start": "2015-05-09",
  "end": "2015-05-24",
  "color": "#FFC048",
  "task": "Warning period"
}];

代码笔 https://codepen.io/prashantbiradar92/pen/abpOVap

Answer 1

如果您需要查看图表边缘的最后一个标签，请将 paddingRight 值设置为适当的值，以便您可以看到最后一个标签，例如：

chart.paddingRight = 50;

或者，如果您不需要查看最终标签，您可以调整轴 maxPosition 以将其隐藏，如文档所述 here:

dateAxis.renderer.maxLabelPosition = 0.95;

dateAxis 上的 amchart 最后一个标签不正确可见

amchart last label on dateAxis is not visible properly

javascript

axis-labels

gantt-chart

amcharts4