如何解决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;
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。