0

Google Chart API に独自のサーバー側データ、つまり PHPMySQL を入力するにはどうすればよいですか。

現在、次のデータがあります。

function drawChart()
{
 // Create the data table.
 var data = new google.visualization.DataTable();
 data.addColumn('string', 'City');
 data.addColumn('number', 'Number of Crimes');
 data.addRows([
             ['Cardiff', 300],
             ['London', 900],
             ['Manchester', 500],
             ['Dublin', 400],
             ['Liverpool', 600]
             ]);

// Set Chart Options
var options = {
    'legend': 'left',
    'title': 'Crimes (per day)',
    'is3D': 'True',
    'width':400,
    'height':300
};

// Instantiate and Draw Chart.
var chart = new google.visualization.PieChart(document.getElementById('chart_div'));
chart.draw(data, options);
}

しかし、mySQL データベースのテーブルからデータをフィードするにはどうすればよいでしょうか?

4

1 に答える 1

3

Charts API の JavaScript コードの前に、データベースからデータを取得する必要があります。

//Your database query goes here
$list = mysql_query("SELECT city,crimes FROM TABLE");
while($row = mysql_fetch_assoc($list)){
  $data[] = "['".$row['city']."', ".$row['crimes']."]";
}
$data_for_chart = implode(",\n"$data);

JS コードを次のように置き換えます。

data.addRows([
         ['Cardiff', 300],
         ['London', 900],
         ['Manchester', 500],
         ['Dublin', 400],
         ['Liverpool', 600]
         ]);

と：

data.addRows([
         <?php echo $data_for_chart; ?>
         ]);
于 2013-02-20T12:47:16.313 に答える