Chart js - Vue-ChartJs - 选项和刻度不适用于 xAxis

Question

我正在努力使用 ChartJs 和 VueChartJs 来自定义我的图表选项。

我希望我的 xAxis 样式为“正常”，并且我希望我的刻度步数为 5，所以这是我的不工作代码：

        scales:{
          xAxes: [{
            ticks: {
              stepSize: 5,
              fontStyle: 'normal'
            },
            scaleLabel: {
              display: true,
              labelString: 'min'
            } }],
          yAxes: [{
            display: true,
            ticks: {
              beginAtZero: true,
              maxTicksLimit: 5,
              stepSize: 5000,
              mirror: true }
            }]
        },

看起来 yAxis 运行良好，而 xAxis 不想遵循所有规则。

你们知道我做错了什么吗？

提前感谢您的帮助！

Answer 1

stepSize 在线性轴上工作，如果你想使用你应该将 xAxe 声明为线性，那么你还应该为你的线性刻度设置一个最小值和一个最大值，以使其正常工作。

应该这样做：

        xAxes: [{
          type: 'linear',
          ticks: {
              max: 40,
              min: 0,
              stepSize: 5
          },
          scaleLabel: {
            display: true,
            labelString: 'min'
          }
        }],