将按钮(HTML)插入Google可视化表格图表

Ben*_*rey 9 html javascript jquery charts google-visualization

问题

使用Google Chart Tool可以将HTML值插入字段值,但是,我不相信这是一个好习惯.

我使用的方法如下:

function drawVisualization() {
  // Create and populate the data table.
  var data = google.visualization.arrayToDataTable([
    ['Name', 'Height', 'Smokes','test'],
    ['Tong Ning mu', 174, true,'<input type="button" value="test" />'],
    ['Huang Ang fa', 523, false,'<input type="button" value="test" />'],
    ['Teng nu', 86, true,'<input type="button" value="test" />']
  ]);

  // Create and draw the visualization.
  visualization = new google.visualization.Table(document.getElementById('table'));
  visualization.draw(data, {
    allowHtml: true
  });
}
Run Code Online (Sandbox Code Playgroud)

我的问题

  1. 有没有其他更好的方法来实现这一目标?
  2. 有没有办法从这些按钮中捕获事件,同时还检索接收事件的行的ID?换句话说,我如何知道单击了哪个按钮以及它代表哪一行?

小智 0

我使用谷歌图表已经有一段时间了,据我所知没有更好的方法。

你的方法应该有效。祝你好运。:)