在 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      }    }]  }}autoSkip: 显示所有标签maxRotation：刻度标签的旋转（仅适用于水平刻度）minRotation：刻度标签的旋转（仅适用于水平刻度）padding：刻度标签和轴之间的填充。当设置在垂直轴上时，这适用于水平 (X) 方向。当设置在水平轴上时，这适用于垂直 (Y) 方向。fontSize: 字体大小希望这有帮助！

Answer 3

特意注册给你俩点赞