ChartJS-如何增加x轴上标签旋转的最大程度？

Question

我有一个折线图，首先，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'
    }
  }
});

Answer 1

我认为问题的关键词不是旋转，它是xAxis上的Tick。我认为此链接可以为您提供帮助：

https://www.chartjs.org/docs/latest/axes/labelling.html#creating-custom-tick-formats