我在图表中有以下选项:
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, }, } } }
您可以根据需要增加或减少labelOffset和padding属性。
labelOffset
padding
备注-备注:这可能会导致边缘的标签被canvas的边缘裁剪。要解决此问题,您可以增加canvas标记的大小,并在画布内提供一些padding。
canvas
例如:
options: { layout: { padding: 25, // in pixels } }
如果我没猜错的话,提供画布padding等于刻度labelOffset将解决这个裁剪问题。
1条答案
按热度按时间mpgws1up1#
我不确定它是否适用于您的场景,但您可以尝试一下。
您可以根据需要增加或减少
labelOffset
和padding
属性。备注-备注:这可能会导致边缘的标签被
canvas
的边缘裁剪。要解决此问题,您可以增加canvas
标记的大小,并在画布内提供一些padding
。例如:
如果我没猜错的话,提供画布
padding
等于刻度labelOffset
将解决这个裁剪问题。