越来越多的图表值 - chart.js

Question

我想这样做，图表值每秒增加1。我怎样才能做到这一点？我尝试设置一个计数器变量，然后每秒增加一次，但由于某种原因它不能动态工作。

var myChart = new Chart(ctx, { 
    type: 'line', 
    data: { 
     datasets: [{ 
      label: 'Crash line', 
      data: [0, 1], //1 here needs to be increased so the graphs grows up 
      backgroundColor: [ 
       'rgba(108, 170, 91, 0.2)' 
      ], 
      borderColor: [ 
       'rgba(255,99,132,1)' 
      ], 
      borderWidth: 1 
     }] 
    }, 
    options: { 
     scales: { 
      yAxes: [{ 
       ticks: { 
        beginAtZero: true 
       } 
      }] 
     } 
    } 
}); 

Answer 1

看看这个chart.js documention和chart.js update documention。
您需要使用chart.update方法像这样：

var options = //chart.js option object 
var ctx = document.getElementById('chartJSContainer').getContext('2d'); 
var chart = new Chart(ctx, options); 

var somefunc = function(chart){ 
var chartDatasetLength = chart.data.datasets[0].data.length; 
    for(var i = 0; i < chartDatasetLength; i++){ 
    chart.data.datasets[0].data[i] += 1; 
    } 
    chart.update(); 
} 

setInterval(somefunc, 1000, chart); 

的工作jsfiddle demo。