2017-06-24 20 views
-2

グラフの値が毎秒1ずつ増加するようにしたいと思います。それをどうすれば実現できますか?カウンタ変数を設定してから毎秒増やしてみましたが、何らかの理由で動的に動作しませんでした。グラフの値が大きくなる - chart.js

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 
       } 
      }] 
     } 
    } 
}); 

答えて

0

このchart.js documentionchart.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

関連する問題