Chart.js with null data point in dataset

by

👍:0

No, there is no such function. chart.js only handles the input data. So it does not know what is the meaning behind the data. That is not possible. It takes it as it is – and that is good.

You have to write a function which checks if all data points you want to have are in your array and if not create them and initalize them with 0. Than handle the array over to chart.js.

I think you need something like this:

let needed_days_in_data = (end_time.getTime() - start_time.getTime()) / (1000 * 3600 * 24);
for (let i = 0; i < needed_days_in_data; i++) {
    let date_check = new Date(start_time.getTime());
    date_check.setDate(start_time.getDate() + i);

    //HERE CHECK IF DATE IS ALREADY IN ARRAY
    //IF DATE IS NOT IN ARRAY PUSH IT TO ARRAY WITH VALUE 0
}

👍:-2

yes in chart.js you can have values as zero like this

”’

  var myChart = new Chart (ctx,{
            type: 'bar', 
data: {
        labels: ['Red', 'Blue', 'Yellow', 'Green', 'Purple', 'Orange'],
        datasets: [{
            data: [20, 0, 0, 0, 3, 9]
        }]
    }
});

”’

Leave a comment