Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/372.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript ChartJs从数组创建图表_Javascript_Chart.js - Fatal编程技术网

Javascript ChartJs从数组创建图表

Javascript ChartJs从数组创建图表,javascript,chart.js,Javascript,Chart.js,我通过ajax获取ChartJs图表的数据和标签,并由此创建一个数组 当我创建一个console.log时,数组看起来会正常工作,但是图表没有标签,也没有数据 我在这里发现了一个问题,但它并没有解决问题 以下是我的chartJs代码: config = { type: 'bar', data: { labels: labels,

我通过ajax获取ChartJs图表的数据和标签,并由此创建一个数组

当我创建一个console.log时,数组看起来会正常工作,但是图表没有标签,也没有数据

我在这里发现了一个问题,但它并没有解决问题

以下是我的chartJs代码:

               config = {
                    type: 'bar',
                    data: {
                        labels: labels,
                        datasets: [{
                            label: "Aufrufe",
                            data: dataarray,
                            backgroundColor: 'rgba(0, 188, 212, 0.8)'
                        }]
                    },
                    options: {
                        responsive: true,
                        legend: false
                    }
                }
以及我从console.log获得的阵列:

这就是我创建阵列的方式:

/* 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;
                            }

                        }

但是图表只是一个空图表…

问题在于Ajax请求是异步的。因此,图表是在没有任何数据的情况下绘制的

ajax请求必须具有
async:false,
,以便可以加载数据,然后用数据绘制图表