javascript - ChartJS - 如何增加 x 轴上标签旋转的最大度数?
问题描述
我有一个折线图,起初,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'
}
}
});
解决方案
推荐阅读
- java - Spring Data JPA 数据复制
- google-apps-script - 如何使用应用程序脚本格式化在电子表格末尾插入的文本
- git - 在 git 中查找“被我们删除”文件何时被删除
- r - R循环xts图
- javascript - 如何将数据从 Flask 发送到 JS?
- javascript - 如何在 django 中建立 chrome 扩展和 auth 系统之间的链接?
- python - 如何在网页中搜索此内容?
- python - 如何在odoo菜单中隐藏继承的菜单项?
- random-forest - 您应该在基于树的模型中缩放数字分类特征吗?
- c++ - iwyu 为 __forced_unwind 添加 cxxabi.h