Hola, estoy tratando de graficar , usando Google Charts, los datos que tengo en una tabla en una base de datos, los datos son de temperatura, que irían en el eje Y de la gráfica y de tiempo en el eje X.
El código html para la gráfica, que me lo da Google, es el siguiente, es una gráfica de linea:
<html>
<head>
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load("visualization", "1", {packages:["corechart"]});
google.setOnLoadCallback(drawChart);
function drawChart() {
var data = google.visualization.arrayToDataTable([
['Tiempo', 'Temperatura' ],
['<?Aca debería ir codigo php consultando el tiempo?>', <?Aca debería ir codigo php consultando la temperatura?>],
]);
var options = {
title: 'Temperatura'
};
var chart = new google.visualization.LineChart(document.getElement ById('chart_div'));
chart.draw(data, options);
}
</script>
</head>
<body>
<div id="chart_div" style="width: 900px; height: 500px;"></div>
</body>
</html>
Si no me equivoco tengo que meter los datos en un array para que valla creando los puntos de la gráfica y con eso traza la linea, pero no estoy seguro de como hacer ese array. La tabla donde esta temperatura y tiempo se llama "valores".
Desde ya, muchas gracias.
