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。

增长图表值 - chart.js

1 个答案: