使用JQuery循环向Google图表动态添加行

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>

<table id="chartTable">
  <thead>
    <tr>
      <th>列1</th>
      <th>列2</th>
      <th>列3</th>
    </tr>
  </thead>
  <tbody>
  </tbody>
</table>

function addRowToChart(data) {
  var table = $('#chartTable tbody');
  var row = $('<tr>');
  
  // 循环遍历数据，创建单元格并添加到行中
  $.each(data, function(index, value) {
    var cell = $('<td>').text(value);
    row.append(cell);
  });
  
  // 将行添加到表格中
  table.append(row);
}

var data = ['数据1', '数据2', '数据3'];
addRowToChart(data);