我在图表中有以下选项：
options:{ scales: { xAxis:{ ticks: { maxRotation: 45, minRotation: 45 }, } }}
options:{
scales: {
xAxis:{
ticks: { maxRotation: 45, minRotation: 45 },
}
但这不是我想要的。我想要-45，这是最糟糕的：
我真正想要的是：
可以这样配置吗？
mpgws1up1#
我不确定它是否适用于您的场景，但您可以尝试一下。
options:{ scales: { xAxis:{ ticks: { offset: true, padding: 20, labelOffset: 25, align: 'start', maxRotation: 315, minRotation: 315, }, } }}
ticks: {
offset: true,
padding: 20,
labelOffset: 25,
align: 'start',
maxRotation: 315,
minRotation: 315,
},
您可以根据需要增加或减少labelOffset和padding属性。
labelOffset
padding
备注-备注：这可能会导致边缘的标签被canvas的边缘裁剪。要解决此问题，您可以增加canvas标记的大小，并在画布内提供一些padding。
canvas
例如：
options: { layout: { padding: 25, // in pixels }}
options: {
layout: {
padding: 25, // in pixels
如果我没猜错的话，提供画布padding等于刻度labelOffset将解决这个裁剪问题。
1条答案
按热度按时间mpgws1up1#
我不确定它是否适用于您的场景，但您可以尝试一下。
您可以根据需要增加或减少
labelOffset和padding属性。备注-备注：这可能会导致边缘的标签被
canvas的边缘裁剪。要解决此问题，您可以增加canvas标记的大小，并在画布内提供一些padding。例如：
如果我没猜错的话，提供画布
padding等于刻度labelOffset将解决这个裁剪问题。