Google互动图表

时间:2011-02-24 14:17:29

标签: php html

全部       我的要求是显示一个表格(谷歌互动)       并以csv格式下载所示表格的数据。       我正在使用PHP。我的问题是如何在mylocal syatem中创建数据源?       什么应该是数据源文件的扩展?我将如何在数据源中写入数据?       我将如何用这些数据填充表格?为用户提供以csv格式下载的选项

1 个答案:

答案 0 :(得分:0)

要生成表格,您需要查看Google Charts Table文档。生成表的代码如下所示:

   <head>
    <script type='text/javascript' src='https://www.google.com/jsapi'></script>
    <script type='text/javascript'>
      google.load('visualization', '1', {packages:['table']});
      google.setOnLoadCallback(drawTable);
      function drawTable() {
        var data = new google.visualization.DataTable();
        data.addColumn('string', 'Name');
        data.addColumn('number', 'Salary');
        data.addColumn('boolean', 'Full Time Employee');
        data.addRows(2);
        data.setCell(0, 0, 'Mike');
        data.setCell(0, 1, 10000, '$10,000');
        data.setCell(0, 2, true);
        data.setCell(1, 0, 'Jim');
        data.setCell(1, 1, 8000, '$8,000');
        data.setCell(1, 2, false);    
        var table = new google.visualization.Table(document.getElementById('table_div'));
        table.draw(data, {showRowNumber: true});
      }
    </script>
  </head>

<div id='table_div'></div>

您填充表格的数据理论上需要已经存储在服务器端。您可以将数据存储在数据库中,例如MySQL数据库,其中有许多关于如何设置数据库的教程。

有许多方法可以将数据转换为.csv文件服务器端。例如,使用PHP,您可以使用fputcsv,在服务器上创建任意.csv文件路径,然后从数据库中读取数据以填充.csv文件。有关如何正确执行此操作的示例,请参阅fputscsv文档。