How to show data in a chart?

Question

Hey there actually I am retrieving some data from database The data is is like this format

id: \"5\"
p_amount: \"120\"
p_date: \"09/20/2019\"
p_id: \"12345\"         


        

Answer 1

We used something like this, made chart.js object global, set its data from Ajax response and called update method.

var labels = [];
var data = [];
var smallDB = {};
var lastYear = 0;
var limit = 5; // limit history to (5) years
var obj = TestData();
for (var i in obj) {
    var d = new Date(obj[i].b_date);
    var idy = d.getFullYear();
    lastYear = Math.max(lastYear, idy)
    var num = parseInt(obj[i].b_amount);
    smallDB[idy] = (smallDB[idy] || 0) + num;
}
lastYear++;
for(var i=0;i

This one limits last 5 years.