Google Chart API Prototype plugin

Hace algunos días atrás se informó acerca de Google Chart API (una ayuda para gráficas web) y ahora vía AXXT me entero que de un plugin que usa Prototype para crear gráficas con Google Chart API facilmente y no morir en el intento.

Google Chart API con Prototype 

Implementación (pie chart):

Incluye los archivos javascript necesarios:

<script type="text/javascript" src="prototype.js"></script>  
<script type="text/javascript" src="GoogleChartAPI.prototype.js"></script>

Dentro de las etiqueta head:

<script type="text/javascript">  
Event.observe(window,'load',function(){
var g=new GoogleChart();
g.init('chart-01'); //Target Div ID
g.setChartType('p3');
g.setChartTitle('Pie Chart Example');
g.setChartSize('450x140');
g.setChartColors('FFFF00,000066,0000cc,0000ff');
g.setChartData([[10,15,25,50]]);
g.setLabels('Data 1 (10%) | Data 2 (15%) | Data 3 (25%) | Data 4 (50%)');
g.drawChart();
});
</script>

Dentro de las etiquetas body:

<div id="chart-01"></div> 

Enlaces | Página de proyecto, GoogleChartAPI.prototype.js

One thought on “Google Chart API Prototype plugin

Leave a Reply

Your email address will not be published. Required fields are marked *

Proudly powered by WordPress | Theme: Wanderz Blog by Crimson Themes.