Chart.js - Shift / Stagger水平标注（对于x轴）而不是旋转

Question

我不想旋转x轴的标签，因此我通过设置maxRotation: 0来禁用该行为。当然，如果我缩放图表，标签会重叠：

我希望标签的行为如下：

标准的chart.js选项可以吗？或者还有另一种方法可以实现这一目标吗？

编辑：这是一个显示行为的codepen：https://codepen.io/JohnArcher/pen/wmeEMV

Answer 1

尝试在x轴刻度上使用autoSkip选项。

xAxes: [{
        display: true,
        position: 'bottom',
        ticks: {
          autoSkip: false,
          maxRotation: 90,
          minRotation: 90
        }
}]}

https://www.chartjs.org/docs/latest/axes/

  

内置的标签自动跳过功能可以检测可能重叠的刻度线和标签，并删除第n个标签以保持事物正常显示。

如果那不能解决您的问题，请尝试使用maxRotation，minRotation。

Map()

https://www.chartjs.org/docs/latest/axes/cartesian/