javascript - 我想在反应图中将折线图的 x 轴更新为 10 的相等间隔。我有开始和结束时间

Question

我的 x 轴上有开始和结束时间，但我想在 x 轴上显示最多 10 个时间间隔。例如，如果我的开始时间是上午 10:00，结束时间是 10:30，我想根据我们得到的时间范围显示上午 10:00、上午 10:05、上午 10:10 等。我怎样才能在 react-chartjs 中做到这一点？如果开始时间和结束时间的差是 1 小时，那么它应该给我一个 x 轴，间隔为 10 个，依此类推。

状态中的 chartOption 是：

chartOptions: {
                scales: {
                    x: {
                        type: 'timeseries',
                        ticks: {
                            maxTicksLimit: 10
                        },
                       distribution: 'linear'
                    },
                    yAxes: {
                        min: 50,
                        max: 100,
                        ticks: {
                            maxTicksLimit: 10
                        }
                    }
                }

数据：

formatData = {
           labels: [moment().format('hh:mm'), momentInstance().subtract(30,'m').format('hh:mm')],
           datasets: [{
            }]
        }