Chart.js，如何减少标签和条形之间的空间（水平条形图）答案

【问题标题】：Chart.js, how to reduce space between labels and bars (horizontal bar chart)Chart.js，如何减少标签和条形之间的空间（水平条形图）
【发布时间】：2020-05-29 11:26:57
【问题描述】：

我试图在 chart.js 中找到一个选项，允许我修改条形和标签之间的空间，但到目前为止还没有成功。我试过https://www.chartjs.org/docs/latest/charts/bar.html下的选项。

【问题讨论】：

标签： chart.js

【解决方案1】：

您可以使用ticks.padding 定义刻度标签相对于轴的偏移量。在你的情况下，它需要在options.scales.yAxis 中定义如下：

options: {
  scales: {
    yAxes: [{
      gridLines: {
        drawTicks: false
      },
      ticks: {
        padding: 5
      }
    }],

【讨论】：

不幸的是，这不起作用，但感谢您的建议。我尝试了 padding: 5 和 padding: 0，但它没有改变间距。阅读文档后，我相信这会改变刻度的间距，而不是标签的间距，所以没有任何改变是有意义的。
在搞砸了一些之后，我意识到这些数字是增加了填充，所以把填充：5 不会将填充设置为 5，它会将填充增加 5。因此使用负数像填充：-20 完成了我的目标。感谢您的帮助。