Google 散点图的二维数组未正确构建

Question

我正在尝试使用我自己的数据创建一个 Google 散点图。 Google 中的示例如下所示：

var data = google.visualization.arrayToDataTable([
      ['Age', 'Weight'],
      [ 8,      12],
      [ 4,      5.5],
      [ 11,     14],
      [ 4,      5],
      [ 3,      3.5],
      [ 6.5,    7]
    ]);

数组中的每个元素代表图中的一个点。在我的代码中，我有两个数组（一个用于 x 值，一个用于 y 值）。我想组合这两个数组，使它们适合上面的示例。我的代码如下所示：

      var n50 = ${n50Values};
      var contigs = ${contigValues};
      var dataArray = [[]];
      dataArray[0] = ["n50" + ", " + "Number of contigs"];
      for (var i = 0; i < n50.length; i++){
         dataArray[0].push([n50[i] + ", " + contigs[i]]);
      }

注意：我在 Groovy 中创建脚本，因此使用 ${} 表达式。当我打印数组时，它输出以下内容：

[["n50, Number of contigs"], ["136431, 712"], ["203520, 267"], ...

如何为我的第一个条目获取正确的引号并删除数字的引号？

Answer 1

让我们试试这个简单的脚本（我从来没有尝试学习 Groovy，所以我希望它有用）：

  var n50 = ${n50Values};
  var contigs = ${contigValues};
  var dataArray = [[]];

  var headline = new Array();
  headline.push("n50");
  headline.push("Number of contigs");
  dataArray.push(headline);

  for (var i = 0; i < n50.length; i++){
     var row = new Array();
     row.push(n50[i]);
     row.push(contigs[i]);
     dataArray.push(row);
  }

Google 散点图的二维数组未正确构建

Two-dimensional array for Google Scatterplot doesn't build correctly

javascript

arrays

google-visualization

quotes