Chart.js,如何减少标签和条形图之间的空间(水平条形图)

Chart.js,如何减少标签和条形图之间的空间(水平条形图),chart.js,Chart.js,我试图在chart.js中找到一个选项,允许我修改条形图和标签之间的空间,但到目前为止还没有成功。我尝试了下的选项。您可以使用来定义刻度标签相对于轴的偏移。在您的情况下,需要在options.scales.yAxis中定义它,如下所示: options: { scales: { yAxes: [{ gridLines: { drawTicks: false }, ticks: { padding: 5 }

我试图在chart.js中找到一个选项,允许我修改条形图和标签之间的空间,但到目前为止还没有成功。我尝试了下的选项。

您可以使用来定义刻度标签相对于轴的偏移。在您的情况下,需要在
options.scales.yAxis
中定义它,如下所示:

options: {
  scales: {
    yAxes: [{
      gridLines: {
        drawTicks: false
      },
      ticks: {
        padding: 5
      }
    }],
可以使用定义记号标签相对于轴的偏移。在您的情况下,需要在
options.scales.yAxis
中定义它,如下所示:

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

不幸的是,这不起作用,但谢谢你的建议。我尝试了padding:5和padding:0,但没有改变间距。阅读文档后,我相信这会改变刻度的间距,而不是标签的间距,因此没有任何变化是有意义的。在进一步处理之后,我意识到这些数字增加了填充,因此放入填充:5并没有将填充设置为5,而是将填充增加了5。同样地,使用一个负数,比如padding:-20完成了我的目标。谢谢你的帮助。不幸的是,这不起作用,但是谢谢你的建议。我尝试了padding:5和padding:0,但没有改变间距。阅读文档后,我相信这会改变刻度的间距,而不是标签的间距,因此没有任何变化是有意义的。在进一步处理之后,我意识到这些数字增加了填充,因此放入填充:5并没有将填充设置为5,而是将填充增加了5。同样地,使用一个负数,比如padding:-20完成了我的目标。谢谢你的帮助。