我尝试根据标签的长度在Chartjs中显示x-axis
上的每个nth label
。我看到了类似的问题:Link,但答案对我不起作用。我查阅了tick-configuration-options的文档,但无法使其起作用。
示例代码:
const labels = ['11-02-2022', '11-01-2022', '30-01-2022', '11-20-2022']
const options = {
responsive: true,
maintainAspectRatio: false,
scales: {
xAxes: [{
ticks: {
maxTicksLimit: 3 # Once this works I want to make it conditional i.e. if length == 10 display 10/2
}
}]
},
interaction: {
intersect: false
},
animations:animation,
plugins: {
legend: {
position: 'top',
},
},
};
如果有人能给予一点解释,我到底应该检查什么来自己解决问题,那就太好了。
1条答案
按热度按时间5t7ly7z51#
请参阅https://www.chartjs.org/docs/latest/axes/labelling.html
基本上,你可以设置ticks值。2你可以用一个三进制来决定何时显示,例如。