Chart.js版本2.7.2中的全宽条

Question

我正在使用Chart.js版本2.7.2创建一个简单的单系列条形图。我希望图表中的每个条形填充所有可用空间，以使图表中的每个条形“触摸”其邻居。

我的研究表明我应该使用barPercentage和categoryPercentage设置，将它们都设置为1。这样做可以使条形变得非常宽，但只留下一个像素他们之间的差距。

我最初的假设是这是由于网格线引起的，但是即使我关闭网格线（gridLines.display: false），它仍然具有一个像素的间隙。

JsFiddle

这是屏幕截图。看到每个条之间的差距了吗？我该如何摆脱呢？

Answer 1

您必须将库更新到2.8+版本。

在其GitHub上有多个与此相关的问题实例（即[BUG] Spacing between vertical bars with percentages set to 1和[BUG] Small gap between bars even with barPercentage and categoryPercentage set to 1）。

有一个PR that made it into their 2.8.0 version应该解决此问题（如@benmccann at the bottom of the PR page所述）。