亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

ChartJS - 如何增加 x 軸上標簽旋轉的最大程度?

ChartJS - 如何增加 x 軸上標簽旋轉的最大程度?

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: [{

      ...


查看完整回答
反對 回復 2021-11-12
?
慕后森

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


查看完整回答
反對 回復 2021-11-12
  • 2 回答
  • 0 關注
  • 321 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號