如何配置图表X轴标签实现向右45度旋转的预期效果？

可以通过配置实现你想要的效果，关键是调整x轴刻度的rotation和align属性：

Chart.js v3+ 版本配置 #

options: {
    scales: {
        x: {
            ticks: {
                rotation: -45, // 设置负角度实现刻度文字向上倾斜
                align: 'right' // 调整对齐方式，让文字贴合轴上方，避免偏移
            }
        }
    }
}

Chart.js v2 版本配置 #

options: {
    scales: {
        xAxis: {
            ticks: {
                rotation: -45,
                align: 'right'
            }
        }
    }
}

你之前设置-45效果不佳，是因为默认的align值为center，导致文字位置偏移。改成align: 'right'后，向上倾斜的文字会正确贴合x轴，达到你期望的显示效果。

内容的提问来源于stack exchange，提问作者KunLun