如何从HTML表格填充Google图表?

时间:2014-08-18 14:06:33

标签: php jquery charts

我有一个问题,是否可以从HTML表格中填充Google图表?

我已经成功地在Wordpress中初始化了Google图表:

<script type="text/javascript">
  google.load("visualization", "1", {packages:["corechart"]});
  google.setOnLoadCallback(drawChart);
  function drawChart() {
    var data = google.visualization.arrayToDataTable([
      ['Language', 'Speakers (in millions)'],
      ['German',  5.85],
      ['French',  1.66],
      ['Italian', 0.316],
      ['Romansh', 0.0791]
    ]);

  var options = {
    legend: 'none',
    pieSliceText: 'label',
    title: 'Swiss Language Use (100 degree rotation)',
    pieStartAngle: 100,
  };

    var chart = new google.visualization.PieChart(document.getElementById('piechart'));
    chart.draw(data, options);
  }
</script>

表格不幸地被动态填充

  <table id="example" class="display" cellspacing="0" width="100%">
   <thead>
   <tr>
   <th>Name</th>
   <th>Kg</th>
   </tr>
   </thead>
   <tbody>
   <tr>
   <td>[85-dynamic value]</td>
   <td>[86-dynamic value]</td>
   </tr>
   </tbody>
   </table>`

感谢您的帮助

0 个答案:

没有答案