使用火力数据库数组填充绘图图

Question

如何根据来自 Firebase 后端的数据填充绘图条形图。 如果我将图形代码和数组变量放在 对于每个数组，只有一个值添加到图中，但是如果我将绘图图代码和数组变量数组和 array2 放在 for 每个循环之外，那么数组的值是未定义的for 每个循环之外。 如何使用数据库中的值填充 x 和 y示例数组[约翰、凯文、梅尔]示例数组2 [45,56,67]

var array= [];
var array2 = [];
firebase.database().ref("Scores").child('gameOneScores').on('value', function(snap){
   snap.forEach(function(childNodes){
    array.push(childNodes.val().finalScore);
    array2.push(childNodes.val().nameOfPlayer);
    var data = [{
    type: 'bar',
    x: [array],
    y: [array2],
    orientation: 'h'
  }];
  Plotly.newPlot('graphDiv', data);

      console.log(array);
      console.log(array2);
  });
  console.log("New array "+this.array);

此处的控制台日志未定义，因为我无法访问每个循环中的数组值。我试了又试，但仍然没有运气。 谢谢你们的时间。

Answer 1

别担心解决了，我在括号内使用了 [array]，而不仅仅是数组。

 var data = [{
    type: 'bar',
    x: array,
    y: array2,
    orientation: 'h'
  }];
  Plotly.newPlot('graphDiv', data);