Highchart无法呈现动态创建的数组数组中的数据

Question

我正在使用Firebase实时数据库来获取要在Highchart中呈现的数据。我声明了一个空数组。

    arrY = [];

然后在函数中，将x轴的值和时间戳一起推到数组中。

   arrY.push([time, parseFloat(tempC)]);

然后在将数组分配给系列时启动Highchart时，不呈现图表（控制台中没有错误消息）

           series: [{
                name: 'Temperature',
                data: arrY
            }]

但是，如果我用它的值和时间戳对一个数组进行硬编码，并将其分配给将要呈现的highchart，则将其>]

    a = [[1591815122, 28],[1591815141, 28],[1591815161, 28],[1591815180, 28],[1591815200, 28]];
和

           series: [{
                name: 'Temperature',
                data: arrY
            }]
当我在控制台中同时登录两个阵列时，它们都显示为阵列，但是为什么一个阵列不起作用，而另一个阵列却不起作用？下图中的控制台输出

我正在使用Firebase实时数据库来获取要在Highchart中呈现的数据。我声明了一个空数组。 arrY = [];然后在函数内部，将x轴的值与...

Answer 1

您正在努力解决的问题与JavaScript异步相关。请注意，当您console.log arrY时，它是一个空数组。您需要延迟图表渲染，直到将从服务器下载数据为止。