Javascript 如何使用新数据更新chart.js chart？

您好，我在chart.js中有一个图表，下面是代码：

let myChart = document.getElementById('myChart').getContext('2d');
let newChart = new Chart(myChart, {
type: 'line',
data: {
    labels: ['1', '2', '3', '4', '5', '6', '7' ],
    datasets: [{
    data: [
        7.9,
        8.2,
        6.4,
        9.8,
        6.7,
        8.1,
        9.2
    ],
    fill: false,
    label: 'Time to complete'
    }

    ]
},
options: {
    title:{
    display: true,
    text: 'Time taken per sample'
    }
}
});

这在我的浏览器中显示良好

我想在按下按钮后动态更新数据

我已经设置了这个功能，所以当按下按钮时，我会发送一个新数据的请求，并以JSON格式返回，看起来像

{data:[…]}

我的问题是如何编写代码，用新信息更新图表

以下是我所拥有的：

$(".newData").click(function() {

      request = $.ajax({
              url: '/update_data',
              type: "POST"
            });

       request.done(function(data){
            // Need to update chart here!
       });
  });

我尝试了

$（'myChart'）。data=data

但是，唉，它没有起作用

我想可能是一行，但我想不出来。还有其他类似的问题，但它们似乎是在处理附加数据和动画，而不是处理全新的数据。

更新数据集

  newChart.data.datasets[0].data=data//your data coming from  service

然后

 newChart.update();