javascript - 如何从 "Google Chart"arrayToDataTable 上的 html 标签添加数据？使用javascript

Question

td id='data' 的值如下

['汽车', 7],['吉普车', 2],['出租车', 1]

我想获取“td 标签”的值并放入“Google Chart”arrayToDataTable

我试过了但是没用

var x = document.getElementById('data').innerHTML; var data = google.visualization.arrayToDataTable([ ['Data', 'Value'], x
]);

谁能告诉我怎么做.... 需要帮助

Answer 1

您需要添加括号并使用从 TD 获得的字符串 (innerHTML/innerTEXT) 创建一个数组，然后添加这些行。

确保 TD 在 TR 内并且在 TABLE 内，或者使用 DIV 而不是 TD

var data = new google.visualization.DataTable();
data.addColumn('string', 'Cartype');
data.addColumn('number', 'Amount');

//var tdString = "['car', 7],['jeep', 2],['taxi', 1]";
//var tdString = document.getElementById('data').textContent;
var tdString = document.getElementById('data').innerHTML;

var arr = eval("[" + tdString + "]");

data.addRows(arr);

无论如何:在这里工作:https://jsfiddle.net/L3tNE/15/