ChartJs create Chart from array

Question

I am getting the data and labels for my ChartJs chart via ajax and I create an array out of this.

When I make a console.log, the array looks like it would be working, but the chart has no labels and no data.

I've found this question here, but it doesn't solved the problem.

Here is my code for the chartJs:

               config = {
                    type: 'bar',
                    data: {
                        labels: labels,
                        datasets: [{
                            label: "Aufrufe",
                            data: dataarray,
                            backgroundColor: 'rgba(0, 188, 212, 0.8)'
                        }]
                    },
                    options: {
                        responsive: true,
                        legend: false
                    }
                }

and the arrays that I get from console.log:

That's how I create the array:

/* create a labels array */
                        while(year !== (new Date).getFullYear() || month !== enddate) {
                            console.log(year, month);
                            labels.push(month + " " + year);
                            month++;
                            if(month === 13) {
                                year++;
                                month = 1;
                            }

                        }

But the chart is simply an empty chart...

Patrick Schocke · Accepted Answer · 2018-09-05 10:51:38Z

0

The issue was that the Ajax request was async. So the chart was drawn without any data.

The ajax request has to have async: false, so the data can be loaded and after that the chart draws with the data.

answered Sep 5, 2018 at 10:51

Patrick Schocke

1,4912 gold badges15 silver badges25 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

ChartJs create Chart from array

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related