chartjs -是否显示第n个字符串X轴标签?

xiozqbni  于 2022-11-23  发布在  Chart.js
关注(0)|答案(1)|浏览(121)

我尝试根据标签的长度在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',
      },
    },
  };

如果有人能给予一点解释,我到底应该检查什么来自己解决问题,那就太好了。

5t7ly7z5

5t7ly7z51#

请参阅https://www.chartjs.org/docs/latest/axes/labelling.html
基本上,你可以设置ticks值。2你可以用一个三进制来决定何时显示,例如。

options: {
        scales: {
            y: {
                ticks: {
                    // Only show if n'th
                    callback: function(value, index, ticks) {
                        return index%3 ? value : '';
                    }
                }
            }
        }
    }

相关问题