javascript - 如何在 Chart.js 中向垂直刻度(X 轴)添加填充？

Question

根据 Chart.js 版本 2.3 的“Tick Configuration”，只能为 Y 轴 上的刻度设置填充(“< em>水平比例"):

padding | Number |10 | Padding between the tick label and the axis. Note: Only applicable to horizontal scales.

这就像一个魅力:

scales: {
    yAxes: [{
        ticks: {
            padding: 20,
        }
    }],
    xAxes: [{
        ticks: {
             // how to set padding here?
        }
    }]
}

但草案说，我还需要在 X 轴 上填充

如何使用 Chart.js 实现此目的？

也许可以使用插件？

Answer 1

这里的游戏晚了，但最新的 Chart.js 的解决方案是将其包含在您的 options 参数中:

{
  scales: {
    xAxes: [
      {
        ticks: {
          padding: 20
        }
      }
    ]
  }
}