amchart dateAxis 上的最后一个标签无法正确显示

问题描述

我在使用最新的 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

解决方法

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

chart.paddingRight = 50;

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

dateAxis.renderer.maxLabelPosition = 0.95;