在 Chart.js 中显示所有标签答案

【问题标题】：Display all labels in Chart.js在 Chart.js 中显示所有标签
【发布时间】：2019-12-02 08:19:13
【问题描述】：

我对 CHART.JS 的图形有疑问。当我把 2 年的时间间隔放在一起时，月份的一些标签会重叠。我希望所有标签都出现，时间间隔无关紧要。

var g = new Chart(ctx, {
    type: 'bar',
    data: {
        labels: labelsHeader,
        datasets: listData,
    },
    options:{
        maintainAspectRatio: false,
    }
});

【问题讨论】：

添加：滴答声：{ autoSkip: false }

标签： javascript chart.js

【解决方案1】：

在选项下添加以下内容：

options: {
  scaleShowValues: true,
  scales: {
    xAxes: [{
      ticks: {
        autoSkip: false
      }
    }]
  }
}

【讨论】：

【解决方案2】：

有些属性会很有用。

options: {
  scales: {
    xAxes: [{
      ticks: {
        maxRotation: 50,
        minRotation: 30,
        padding: 10,
        autoSkip: false,
        fontSize: 10
      }
    }]
  }
}

autoSkip: 显示所有标签
maxRotation：刻度标签的旋转（仅适用于水平刻度）
minRotation：刻度标签的旋转（仅适用于水平刻度）
padding：刻度标签和轴之间的填充。当设置在垂直轴上时，这适用于水平 (X) 方向。当设置在水平轴上时，这适用于垂直 (Y) 方向。
fontSize: 字体大小

希望对您有所帮助！

为了在固定大小的视图上绘制大量记录，我建议使用Logarithmic Scale。

【讨论】：

这是一个完整的文档，而不仅仅是一个答案。谢谢?。