谷歌JavaScript表_Javascript_Php_Mysql

谷歌JavaScript表

javascript php mysql

谷歌JavaScript表,javascript,php,mysql,Javascript,Php,Mysql,可以让这个脚本获取MySQL数据吗？有人能给我看看吗这个脚本来自谷歌chars，table。。。我试图让这个脚本获取MySQL数据并显示在一个表中 <html> <head> <script type='text/javascript' src='https://www.google.com/jsapi'></script> <script type='text/javascript'> google.

可以让这个脚本获取MySQL数据吗？有人能给我看看吗

这个脚本来自谷歌chars，table。。。我试图让这个脚本获取MySQL数据并显示在一个表中

<html>
  <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([
          ['Mike',  {v: 10000, f: '$10,000'}, true],
          ['Jim',   {v:8000,   f: '$8,000'},  false],
          ['Alice', {v: 12500, f: '$12,500'}, true],
          ['Bob',   {v: 7000,  f: '$7,000'},  true]
        ]);

        var table = new google.visualization.Table(document.getElementById('table_div'));
        table.draw(data, {showRowNumber: true});
      }
    </script>
  </head>

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


load（'visualization'，'1'，{packages:['table']}）；
setOnLoadCallback（drawTable）；
函数drawTable（）{
var data=new google.visualization.DataTable（）；
data.addColumn（'string'，'Name'）；
data.addColumn（'number'，'Salary'）；
data.addColumn（'boolean'，'全职雇员'）；
data.addRows([
['Mike'，{v:10000，f:'10000'}，对]，
['Jim'，{v:8000，f:'8000'}，假]，
['Alice'，{v:12500，f:'12500'}，对]，
['Bob'，{v:7000，f:'7000'}，对]
]);
var table=新的google.visualization.table（document.getElementById（'table_div'）；
table.draw（数据，{showRowNumber:true}）；
}

只需用如下值填充php数组

$array = array(
    array(
        array('01', array('v' => 10000, 'f' => '$10,000'), 'Mike'),
        ...
        array('12', array('v' => 12500, 'f' => '$12,200'), 'Mike'),
    )
);

然后在HTML代码中编写：

/* code starts here ... */
function drawTable() {
        var data = new google.visualization.DataTable();
        data.addColumn('string', 'ID');
        data.addColumn('number', 'Salariu');
        data.addColumn('string', 'Name');
        data.addRows(<?php echo json_encode($array) ?>);

        var table = new google.visualization.Table(document.getElementById('table_div'));
        table.draw(data, {showRowNumber: true});
      }

/* rest of code */

更新2mysql数据检索帮助

$array = array();
$result = mysql_query('SELECT f1, f2, f3, f4 FROM some_table');
while($row = mysql_fetch_assoc($result)) {
    $array[] = array($row['f1'], array('v' => $row['f2'], 'f' => $row['f3']), $row['f4']);
}

//您的数组现在已填充

希望有帮助

那么，这段代码行吗？不工作？你被困在这件事的哪一部分？获取MySQL数据？写剧本？做桌子？你需要什么帮助？这似乎是一个相当简单的问题。你试过了吗？基本上，您只需要编写一些PHP来从MySQL获取数据，并将其作为JSON打印在页面上。javascript代码将在

addRows

方法中使用该数据。我可以更新它，但我不知道如何使该javascript获取mysql数据。使用mysql数据用该格式填充数组即可。我会在下次更新我的答案。

$array = array();
$result = mysql_query('SELECT f1, f2, f3, f4 FROM some_table');
while($row = mysql_fetch_assoc($result)) {
    $array[] = array($row['f1'], array('v' => $row['f2'], 'f' => $row['f3']), $row['f4']);
}