从Google图表列表填充JavaScript数组

我试图通过提取页面上已有的数据来填充Google图表中的数组。这是我尝试填充的数组：

  var data = google.visualization.arrayToDataTable([
    ['Month', 'Target', 'Actual'],
    ['barchartTitle',  ($barchartTarget),      ($barchartActual)],
  ]);

以下是我目前拥有的一切（包括阵列）：

$（文档）.ready（函数（）{
$（“li.dfwp-item.neo cqwp barchart.neo cqwp barchartTitle”）。每个（函数（）{
barchartTitle=$（this.html（）；
});
$（“li.dfwp-item.neo cqwp barchart.neo cqwp barchartTarget”）。每个（函数（）{
barchartTarget=$（this.html（）；
});
$（“li.dfwp-item.neo cqwp barchart.neo cqwp barchartActual”）。每个（函数（）{
barchartActual=$（this.html（）；
});
});
load（“可视化”、“1”、{packages:[“corechart”]}）；
setOnLoadCallback（drawChart）；
函数绘图图（）{
var data=google.visualization.arrayToDataTable([
[‘月份’、‘目标’、‘实际’]，
['barchartTitle'，（$barchartTarget），（$barchartActual）]，
]);
变量选项={
标题：“”，
颜色：['#515254'，'#00B0F0']，
图例：{位置：'top'，对齐：'center'，最大线：3}
};
var chart=new google.visualization.ColumnChart（document.getElementById（'revenuetarget'）；
图表绘制（数据、选项）；
}

看起来可能有几个问题

首先，您正在

$（document）.ready

块中设置三个变量，但其余代码将立即运行，而不是等待文档准备就绪。因此，至少应该移动填充数组的代码，使其位于

$（document.ready

块中（或者围绕该代码创建另一个块）

其次，数组中的变量名看起来不正确。请尝试以下方法：

var data = google.visualization.arrayToDataTable([
  ['Month', 'Target', 'Actual'],
  [barchartTitle,  barchartTarget, barchartActual],
]);

最后，如果您在未使用

var

的情况下声明这三个变量，则可能会将它们插入到全局范围中，这可能不是您想要的。当然，如果您确实使用

var

声明它们，请确保这样做的级别将使它们对填充数组的代码可见，可能如下所示：

$(document).ready(function() {
    var barchartTitle;
    var barchartTarget;
    var barchartActual;

    $("li.dfwp-item .neo-cqwp-barchart .neo-cqwp-barchartTitle").each(function() {
        barchartTitle = $(this).html();
    });
    $("li.dfwp-item .neo-cqwp-barchart .neo-cqwp-barchartTarget").each(function() {
        barchartTarget = $(this).html();
    });
    $("li.dfwp-item .neo-cqwp-barchart .neo-cqwp-barchartActual").each(function() {
        barchartActual = $(this).html();
    });

    var data = google.visualization.arrayToDataTable([
      ['Month', 'Target', 'Actual'],
      [barchartTitle, barchartTarget, barchartActual],
    ]);
});

---

你的问题是什么？我希望有人能指导我从barchartTitle、barchartTarget、barchartActual中获取值，并构建页面顶部提到的数组：var data=google.visualization.arrayToDataTable（[['Month'，'Target'，'Actual']，['barchartTitle'，（$barchartTarget），（$barchartActual）]，]；我的东西坏了。

$(document).ready(function() {
    var barchartTitle;
    var barchartTarget;
    var barchartActual;

    $("li.dfwp-item .neo-cqwp-barchart .neo-cqwp-barchartTitle").each(function() {
        barchartTitle = $(this).html();
    });
    $("li.dfwp-item .neo-cqwp-barchart .neo-cqwp-barchartTarget").each(function() {
        barchartTarget = $(this).html();
    });
    $("li.dfwp-item .neo-cqwp-barchart .neo-cqwp-barchartActual").each(function() {
        barchartActual = $(this).html();
    });

    var data = google.visualization.arrayToDataTable([
      ['Month', 'Target', 'Actual'],
      [barchartTitle, barchartTarget, barchartActual],
    ]);
});