Chart.js上一个X轴标签之前的标签间隙很尴尬

Question

对于Chart.js，有人会知道一种处理x轴标签间距的好方法，即在最后一个标签之前可能会有较大的标签缺口吗？我正在处理的图形的x轴度量值过多，因此无法打开每个条形的标签。我知道这显然与x轴标签跳过逻辑有关，在该逻辑上，它会向最后延伸一个间隙，以便在最后一个x轴度量上获得标签。

如何在结束前没有较大/尴尬的间隙的地方使带有标签跳过的图形更具视觉吸引力？

Answer 1

自2016年9月起，这就是众所周知的issue，为此pull request已于今年12月（2018年）合并。

如您在@sgray这些小提琴中所看到的那样，它的运行效果非常好，它们显示了当前的错误： / 61thywor ，并具有修复程序： / 9t7bs01j 。 （我不能在不发布任何代码的情况下发布完整的小提琴URL。）

此版本尚未发布，但将包含在v2.8 版本中，但是尚未给出可能的发布日期。

同时，您可以尝试solution建议的@RuchiDhore。

  

您可以尝试以下2个选项：

     

  

1. 如果标签为60，则将其设为61，在这种情况下，不会出现间隙，   因为在59号之后，将跳过60号，而61号（最后一个）将被跳过   被显示。但是此解决方案的问题是屏幕尺寸   变化，可能会出现间隙。   根据您的项目要求。.这个选项不太可行！

  

2. 在位置59th处绘制网格线，使用插件为其标签，隐藏标签   在第60位，让第59位和第60位之间的距离保持不变。   因此，在那种情况下，差距会存在，但看起来并没有那种差距   不好，标签在第59位和第60位不会重叠。