Chart JS将带有addData的标签附加到x轴上

Question

我正在使用Chart JS构建动态折线图，并且已经设法使将数据标签附加到x轴末端的功能可以正常工作，如下所示：

addData gif

我无法弄清楚是如何更改功能的，因此该功能不是将数据附加到x轴的末端（每个gif），而是将数据标签添加到x轴的前面。本质上，该函数在执行时将数组中的新数据添加到x轴的起点，而不是当前函数的终点。

这里是代码：

<button id="addData">Add Data</button>

document.getElementById('addData').addEventListener('click', function() {
            if (myChart.data.datasets.length > 0) {
                var year = YEARS[myChart.data.labels.length % YEARS.length];
                myChart.data.labels.push(year);

                myChart.data.datasets.forEach(function(dataset) {
                    dataset.data.push(myChart.data.datasets.data);
                });

                myChart.update();
            }
        });

加载时的默认标签。

var chartData = {
  labels: ["09/10", "10/11", "11/12", "12/13", "13/14", "14/15", "15/16", "16/17", "17/18", "18/19"]

要添加到x轴上的附加标签，在加载的拳头标签之前是“ 09/10”。

var YEARS = ["08/09", "07/08", "06/07", "05/06, "04/05"];

我很茫然，所以任何帮助将不胜感激！

Answer 1

代替使用Array.push()，应按以下方式使用Array.push()：

Array.unshift()