在 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: 字体大小

希望这有帮助！

Answer 3

特意注册给你俩点赞