chartjs chart.update（）函数未在前景中渲染线

Question

我在后台绘制了一个核心的湿度表。然后，我在背景散点图的顶部绘制蓝色的生产线。如下所示：

我先调用背景图，然后使用chart.update()函数绘制状态线。但是，我的背景图正在切掉我的状态线（蓝线）。

如何使用chart.update()函数创建的行驻留在前台，以免被后台的行砍掉？

Answer 1

弄清楚了。我正在将示例文档用于update.chart（）方法，该方法显示：

function addData(chart, data) {
    chart.data.datasets.forEach((dataset) => {
        dataset.data.push(data);
    });
    chart.update();
}

但是，chartjs将在数组中首先声明的数据呈现到前台。因此，为了使用chart.update（）方法将数据插入图表中，我用unshift（）方法替换了push（）方法。例如：

function addData(chart, data) {
    chart.data.datasets.forEach((dataset) => {
        dataset.data.unshift(data);
    });
    chart.update();
}