停止正在进行渲染的渲染图

Question

我有一个折线图，其数据在5000条记录中连续不断地更新。
但是在某个随机点上，我想停止当前正在进行的绘制，并从很大的角度重新绘制图表。

我有下面的代码可以清除图表。

function resetChart() {
   chart.stop();
   chart.clear();
   chart.reset();

   chart.data.datasets[0].data = [];
   chart.update();
}

我正在通过以下代码将数据推送到图表：

function updateData(myarray) { 
   for (var i=0;i < myarray.length;i++) {
     if (stopRender) {
        stopRender = false;
        resetChart();
        break; 
     }

     chart.data.datasets[0].data.push(myarray[i]);
   }
   chart.update();
}

如果我收到停止渲染，则我停止并清除图表。
但是，图表上显示的soemtimes数据没有被清除，它开始重新绘制新数据，从而使图表混乱。停止和重新绘制新数据之间大约有1秒的延迟。

我想清除图表中的所有数据并开始重新绘制新数据，而无需创建新图表或画布。