如何在Chart.js 3.5中调整x、y坐标轴标题至坐标轴末端

Chart.js 3.5版本原生支持将坐标轴标题对齐到轴末端，只需要修改对应轴title配置下的align参数，将当前使用的center改为end即可实现预期效果。如果调整后标题过于贴近画布边缘被截断，可以额外配置layout的对应方向padding预留展示空间。

调整后完整配置示例 #

options: {
  layout: {
    // 可根据实际展示效果调整顶部、右侧padding值，避免轴标题被画布截断
    padding: {
      top: 10,
      right: 10
    },
  },
  scales: {
    y: {
      title: {
        display: true,
        align: "end",
        text: "number",
        color: "#242424",
        // 可额外添加padding参数调整标题和坐标轴的间距
        // padding: 8
      },
    },
    x: {
      title: {
        display: true,
        align: "end",
        text: "month",
        color: "#242424",
      },
    },
  },
  plugins: {
    legend: {
      display: true,
      position: "bottom",
    },
  },
},

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