旋转轴标签会在chart.js中造成间隙

时间:2019-04-17 13:17:50

标签: javascript chart.js

考虑这张小的chart.js图表:

new Chart(ctx, {
  type: 'horizontalBar',
  data: {
    labels: ['some veeeery loong label', '2', '3', '4', '5'],
    datasets: [{
      data: [100, 96, 84, 76, 69]
    }]
  },
  options: {
    scales: {
      yAxes: [{
        ticks : {
          maxRotation : 90,
          minRotation : 90
        }
      }]
    }
  }
});

我在这里有一个关于y轴标签旋转的问题。它可以工作,但会在图表左侧产生较大的差距。实际上,这就是我不旋转时将使用的空间。

此图显示了我的意思: enter image description here

这是chart.js的故意行为,还是我在这里错过了一些事情。用全部空间重新排列图表的最佳方法是什么?

我唯一的想法是使用options.layout.padding.left = -80。但这对我来说似乎是一个非常糟糕的方法。

0 个答案:

没有答案