考虑这张小的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轴标签旋转的问题。它可以工作,但会在图表左侧产生较大的差距。实际上,这就是我不旋转时将使用的空间。
这是chart.js
的故意行为,还是我在这里错过了一些事情。用全部空间重新排列图表的最佳方法是什么?
我唯一的想法是使用options.layout.padding.left = -80
。但这对我来说似乎是一个非常糟糕的方法。