如何使用Chart.js还原XAX？

Question

出于某种原因，我图表的x轴从最近的数据到最老的日期。我显然希望它反过来/正常的方式。我如何恢复xAx？...或者只是使用日期正常运行的xAx。

我的图表如下：https://www.betscout.com/tips （单击统计选项卡）我已经尝试过此选项：https://jsfiddle.net/marineboudeau/4awme3fp/3 -但它不起作用，即使在提供的示例中也不起作用（当我用reverse:false替换reverse:true时，没有任何变化）

我可以很容易地以这种方式反转yAx，那么为什么不是xAx呢？

以下是我的一些JS代码：

    let chart = document.getElementById('chart');
    let myLineChart = new Chart(chart, {
        type: 'line',
        data: {
            labels: grades,
            datasets: [{
                    data: numbers,
                    label: 'Total profit',
                    fill: false,
                    borderColor: '#3771a3'
      }]
        },
        options: {
            scales: {
                yAxes: [{
                    gridLines: {
                        display: true,
                        color: "rgba(55, 113, 163, 0.18)"
                    },

                    ticks: {
                        beginAtZero: true,
                    }
      }],
                xAxes: [{
                    gridLines: {
                        display: true,
                        color: "rgba(55, 113, 163, 0.18)"
                    },

                    ticks: {
                        display: true,
                        reverse: true,
                        fontSize: 12
                    }
            }]
            }
        }
    });
}

Answer 1

我认为它仍然在讨论为什么不起作用，你可以做number.reverse（）和grades.reverse（），直到它被修复为止。不停摆弄