Array til google.visualization
Jeg har fået 2 separate PHP programmer til at køre. Det ene program kan hente data fra en MySQL database og, det andet program kan tegne en graf med google.visualization.Data fra SQL delen vil jeg så gerne vise vha google.visualization, men jeg kan ikke finde ud af, hvordan man aflevere variablen med data fra SQL-kaldet til google.visualization. Er der een der kan hjælpe med dette ?
Min test-kode ser således ud og, jeg ønsker at vise data fra $info variablen i grafen, i stedet for den indtastede tabel [10, 3],[20, 1],[30, 1],[40, 1],[50, 2]:
------------------ KODE ----------------------
<body>
<h1>Test af forbindelse til MySQL database</h1>
<h2>Data:</h2>
</body>
<?php // Connects to your Database: Host,User,Password
mysql_connect(database information) or die
(mysql_error());
mysql_select_db(database information);
// Collects data from "friends" table
$data = mysql_query("SELECT * FROM vejrstation")
or die(mysql_error());
// puts the "vejrdata" info into the $info array
$info = mysql_fetch_array( $data );
// Print out the contents of the entry
while($info = mysql_fetch_array( $data ))
{
Print "<b>Tid:</b> ".$info['tid'] . " ";
Print "<b>Temp.:</b> ".$info['temp'] . " <br>";
}
?>
<body>
<h1>Velkommen til vejrstationen</h1>
<h2>Data for de sidste timer</h2>
</body>
<html>
<head>
<!--Load the AJAX API-->
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
// Load the Visualization API and the piechart package.
google.load('visualization', '1.0', {'packages':['corechart']});
// Set a callback to run when the Google Visualization API is loaded.
google.setOnLoadCallback(drawChart);
// Callback that creates and populates a data table,
// instantiates the pie chart, passes in the data and
// draws it.
function drawChart() {
// Create the data table.
var data = new google.visualization.DataTable();
data.addColumn('number', 'tid');
data.addColumn('number', 'temp');
data.addRows([
[10, 3],
[20, 1],
[30, 1],
[40, 1],
[50, 2]
]);
// Set chart options
var options = {'title':'Temperaturer for det sidste døgn',
'width':900,
'height':400};
// Instantiate and draw our chart, passing in some options.
var chart = new google.visualization.LineChart
(document.getElementById('chart_div'));
chart.draw(data, options);
}
</script>
</head>
<body>
<!--Div that will hold the pie chart-->
<div id="chart_div"></div>
</body>
</html>