javascript - 如何使用谷歌图表设置数组添加行

Question

我正在尝试通过这些链接设置谷歌散点图页面...

https://developers.google.com/chart/interactive/docs/gallery/scatterchart并在此处创建数据表... https://developers.google.com/chart/interactive/docs/drawing_charts#chart.draw

基本上我已经有了基本的演示副本。现在我试图用这样的时间和日期数据填充数据表......添加这样的行...

// Create the data table.
  var data = new google.visualization.DataTable();
  data.addColumn('number', 'Time');
  data.addColumn('number', 'Date');
  data.addRows([

//这个原始文本有效 [22,5],[10,24],[9,5],[10,6],[10,7],[7,8]

//但我的 var - 来自数据库的日期时间不起作用 //错误:给定的每一行必须为 null 或数组。

日期时间 ]);

如果我手动输入:

[22,5],[10,24],[9,5],[10,6],[10,7],[7,8]

它有效。

现在我正在尝试查询数据库 - 然后执行 .each 循环来获取数据...

//Query the database...
// query here..
datetime = "";
$.each(data, function(key, value) {
//note: each row comes in from the database like: 
//thedate: "02/17/2018" thetime: "18:00:00"
//then I split to just get basic hour and day
t = value.thetime.split(":")    
d = value.thedate.split("/")    
//and create as numbers
tnum =  parseInt(t[0]);
dnum =  parseInt(d[1]); 
//and add to the datetime var
datetime += "["+ dnum + ","+ tnum + "],"
// there was more code to eliminate last ","
// then the end result var datetime looks something like:
//[22,5],[10,24],[9,5],[10,6],[10,7],[7,8] 

如果我手动将其粘贴到添加行区域 - 它可以工作，但是如果只是将日期时间变量粘贴到相同的添加行区域中。错误说:

错误:给定的每一行必须为 null 或数组。

问:我确信我缺少一些基本的东西，例如图表需要可能显示为字符串的数字，或者我的数组错误或其他东西。是否需要更改一些内容才能使图表接受我的日期时间变量？

Answer 1

看起来您正在尝试从字符串创建数组，
相反，使用 addRows 期望的实际数组...

datetime = [];
$.each(data, function(key, value) {
  t = value.thetime.split(":")    
  d = value.thedate.split("/")    
  tnum =  parseInt(t[0]);
  dnum =  parseInt(d[1]); 

  datetime.push([dnum, tnum]);
});

data.addRows(datetime);