Bueno que tal amigos del foro agradezco demasiado su atencion brindada y colaboracion a nosotros los novatos haha
Bueno mi problema es el siguiente:
Estoy desarrollando una web usando php (no es que yo sea el gran master en php jeje ) la verdad sé muy poco aún de este lenguaje apenas estoy aprendiendo lo básico.
Hace poco me encontré con las "Google Visualization Api Charts" estos gráficos creados por los servidores de Google automáticamente y que además con dinámicos.
Estoy interesando (muy interesado jeje) en este gráfico en peculiar: http://code.google.com/apis/ajax/playground/?type=visualization#chart_editor
Su código de fuente éste:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<title>
Google Visualization API Sample
</title>
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load('visualization', '1', {packages: ['charteditor']});
</script>
<script type="text/javascript">
var wrapper;
function init() {
wrapper = new google.visualization.ChartWrapper({
dataSourceUrl: 'https://spreadsheets.google.com/spreadsheet/tq?key=tnxuU73jT7eIL-aZke85e3A&pub=1&range=A1:E13',
containerId: 'visualization',
chartType: 'LineChart'
});
wrapper.draw();
}
function openEditor() {
// Handler for the "Open Editor" button.
var editor = new google.visualization.ChartEditor();
google.visualization.events.addListener(editor, 'ok',
function() {
wrapper = editor.getChartWrapper();
wrapper.draw(document.getElementById('visualizatio n'));
});
editor.openDialog(wrapper);
}
google.setOnLoadCallback(init);
</script>
</head>
<body style="font-family: Arial;border: 0 none;">
<input type='button' onclick='openEditor()' value='Open Editor'>
<div id='visualization' style="width:600px;height:400px">
</body>
</html>
Es un gráfico con posibilidad de editarse simplemente presionando un botón puedes elegir entre gráfico de barras, columnas, pastel, etc etc.
La cosa esque quiero conectarlo con mi base de datos mysql por medio de php, es decir que los datos los obtenga de mi base de datos mysql directamente usando consultas y todo eso.
La cosa es que ese gráfico obtiene sus datos de las google "spreedsheets" las cuales no me agradan en lo absoluto, pues son como hojas de calculo de excel públicas de donde la gráfica agarra la información.
Alguna idea o código que puedan facilitarme para conectar con mi base de datos y usar esa gráfica sería inmensamente agradecido amigos
De antemano muchas gracias y saludos a todos los del foro !
