如何在 "Google Chart" arrayToDataTable 上添加来自 html 标签的数据？使用 javascript

Question

td id='data' 的值低于

['car', 7],['jeep', 2],['taxi', 1]

我想得到'td tag'的值放在"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);

总之：在fiddle这里工作：https://jsfiddle.net/L3tNE/15/

如何在 "Google Chart" arrayToDataTable 上添加来自 html 标签的数据？使用 javascript

How to add the data from html tag on "Google Chart" arrayToDataTable? using javascript

javascript

google-visualization