如何更新重新加载chart.js

Question

我在一堆帖子中找不到答案，所以决定寻求帮助。我的 javascript 代码在网站打开后自动运行。一些计算在服务器上完成并返回 json 对象。我使用 json 数据制作图表：

      var xdata1 = JSON.parse([xListaCzasA.val()]);
      var ydata1 = JSON.parse([yListaCisnienieA.val()]);
          
      var data1 = [
          {x:xdata1, y:ydata1},
          ];

      var ctx = document.getElementById("wykres1").getContext('2d');
      var myChart = new Chart(ctx, {
            type: 'line',
    data: {
            labels: xdata1,
 datasets: [{
            label: 'myTEST',
            data: ydata1,
            backgroundColor: 'rgba(255, 99, 132, 0.2)',
           }]
           },

图表显示不错，所以工作正常。单击按钮后，我进行了第二次计算并再次获得了一个新的 json 对象。计算有效，因为我在 textboxes.However 中看到了结果，我的图表没有刷新。我在下面创建了一段代码来更新图表。但是，它不起作用：

 function dane() {
    
  myChart.config.data.labels = xdata1;
  myChart.config.data.datasets.data = ydata1;     
  
  myChart.update();
}

有什么想法吗？我已经尝试了很多来自网站的代码配置，但它不起作用。

Answer 1

数据集是一组数据集。因此，您可以只针对数据集上的数据。您需要先 select 正确的。假设您只有 1 个数据集可以像这样完成：

 function dane() { 
  myChart.config.data.labels = xdata1;
  myChart.config.data.datasets[0].data = ydata1;     
  
  myChart.update();
}

如何更新重新加载chart.js

How update reload chart.js

javascript

chart.js