如何在" Google Chart"上添加html标签中的数据arrayToDataTable?使用javascript

时间:2015-06-09 08:31:01

标签: javascript google-visualization

td id ='数据'值低于

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

我想获得' td标签的价值'并加上" Google Chart" arrayToDataTable

我试过这个但没有工作

  

var x = document.getElementById(' data')。innerHTML; var data =   google.visualization.arrayToDataTable([             ['数据','价值'],            的 X
          ]);

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

1 个答案:

答案 0 :(得分:3)

你需要添加括号并从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/