Json file to charts

1πŸ‘

βœ…

To call .map() the datastructure needs to be an array, and since yours are objects it aint working, if you change your code to this it should work:

const labels = Object.values(data.department)
const parsedData = Object.values(data.volunteer)

const context = document.getElementById('myChart').getContext('2d');
const myChart = new Chart(context, {
    type: 'bar',
    data: {
        labels: labels,
        datasets: [ {
            label: 'volunteer',
            lineTension: 0.1,
            data: parsedData,
            backgroundColor: "rgba(255, 99, 132, 0.2)"
        }]
    }
});

Leave a comment