在 Chart.js 中显示所有标签

Question

我的CHART.JS的图形有问题，当我把时间间隔设置为2年时，月份的一些标签重叠。我希望所有标签都出现，时间间隔无关紧要。

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

图形

Answer 1

在选项下添加以下内容：

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

Answer 2

一些属性将会很有用。

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

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

希望这有帮助！

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