javascript - 如何在 Chart.js 中为垂直刻度（X 轴）添加填充？

Question

根据Chart.js 2.3 版的“刻度配置”，只能为Y 轴上的刻度设置填充（“水平刻度”）：

填充 | 编号 |10 | 刻度标签和轴之间的填充。注意：仅适用于水平秤。

这就像一个魅力：

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
        }
      }
    ]
  }
}

Answer 2

在 options--> scales--> xAxes--> gridLines 中将值传递给 'tickMarkLength'

xAxes: [{
  gridLines: {
   tickMarkLength: 10
},

Answer 3

2.8版的正确答案如下：

options: {
    scales: {
        xAxes: [{
            ticks: {
                padding: 100
            }
        }], 
    }
}