Helenr
2021-11-12 14:56:19
我有一個折線圖,首先,x 軸上的所有標簽都是完全水平的。像這樣的東西: 現在,如果添加更多數據,標簽開始旋轉:直到出現一個點,它似乎已經達到了它可以旋轉的最大程度:從它的外觀來看,我認為最大度數是 45。所以現在,如果我添加更多數據,而不是更多地旋轉標簽,它會刪除兩個標簽中的每一個,變成這樣:我怎樣才能將此度數增加到 90,以便標簽旋轉到完全垂直的程度?這是我用于圖表的代碼:new Chart(chart, { type: 'line', data: chart_data, options: { scales: { yAxes: [{ ticks: { beginAtZero: false } }] }, legend: { position: 'top', labels: { boxWidth: 5, usePointStyle: true } }, events: ['click', 'mousemove'], onClick: clicked, pan: { enabled: true, mode: 'x', onPanComplete: function(event) { console.log(event) } }, zoom: { enabled: true, mode: 'x' } }});
2 回答

慕妹3146593
TA貢獻1820條經驗 獲得超9個贊
您可以使用通用配置對象的maxRotation屬性進行配置。tick
您的代碼需要像這樣修改:
options: {
scales: {
xAxes: [{
ticks: {
maxRotation: 90
}
}],
yAxes: [{
...

慕后森
TA貢獻1802條經驗 獲得超5個贊
這個問題的關鍵詞是不旋轉,我認為,這是蜱上xAxes。我認為此鏈接可以幫助您:
https://www.chartjs.org/docs/latest/axes/styling.html#tick-configuration
還
Chart.js:使用 maxTicksLimit 時均勻分布刻度
xAxes: [{
ticks: {
autoSkip: false, // Skip or not?
maxTicksLimit: 30 // How much?
}
}]
正如@timclutton 在這里所說的那樣,旋轉可以提供幫助:https ://stackoverflow.com/a/58275468/7514010
添加回答
舉報
0/150
提交
取消