javascript - 将字符串传递给 Google Chart addRows

Question

我有以下生成 Google 图表的函数，但它不起作用:

function drawChart(a) {
          alert(a.test);
          var data = new google.visualization.DataTable();       
          data.addColumn('string', 'Year');
          data.addColumn('number', 'Sales');
          data.addColumn('number', 'Expenses');
          data.addRows(a.test);


          var options = {
                             title: 'Company Performance'
                         };

          var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
          chart.draw(data, options);
      } 

"a.test"检索如下字符串:

test="[['2004', 1000, 400],['2005', 1170, 460],['2006', 660, 1120],['2007', 1030, 540]]";

但如果我以这种方式直接输入值

data.addRows([['2004', 1000, 400],['2005', 1170, 460],['2006', 660, 1120],['2007', 1030, 540]]);

它有效。

你能帮我理解我错在哪里吗？

谢谢!

Answer 1

addRows 方法接受数组的数组，而不是字符串，因此您需要将 a.test 更改为数组或将其更改为 JSON 字符串，然后对其调用 JSON.parse:

// note that the internal quotes are double-quotes here, as that is required by JSON
var foo = '[["2004", 1000, 400],["2005", 1170, 460],["2006", 660, 1120],["2007", 1030, 540]]';
data.addRows(JSON.parse(foo));