Noticias y eventos
- Grabar llamadas de skype en Linux Hola amigos, que tal tanto tiempo despues de mucho tiempo voy a comentarle esta pequeña aplicacion para Linux. Se...
- Instalacion de Doctrine ORM en Debian/Ubuntu Hola, esta vez quisiera acercarles una reducida guía de como instalar Doctrine ORM para PHP en el sistema operativo...
- Google ahora ofrece su propio servicio de DNS El servicio DNS es el que se encarga de convertir las direcciones legibles por humanos, como por ejemplo www.arzion.com a...
Contacto
Si tienes cualquier duda, consulta o sugerencia puedes mandarnos un email usando el siguiente formulario:
Utilizando JSCharts
creado por Diego Mancino - 01/04/2009
Ante la necesidad de incorporar a nuestro sitio web graficas que permitan visualizar de forma mas clara los resultados de ciertas tareas he dado con esta herramienta que me pareció interesante compartir con ustedes.
Se trata de JSCharts y tiene dos ventajas muy significativas a la hora de utilizarla, es de uso libre y muy sencilla de utilizar.
Implementación
1. Incluir en nuestra pagina el archivo Javascript que contiene el código necesario.
2. Crear el contenedor que incluirá el JS Chart.
Este texto será reemplazado por el JS chart.
3. Incluir el codigo necesario para crear la JS Charts, que varia de acuerdo al tipo de grafica que queremos realizar. Los siguientes son ejemplos de tres tipos de graficas sencillas.
Grafico de líneas
Grafico de barras
Grafica de tortas
4. La libreria JSCharts es configurable según las necesidades del usuario mediante los métodos del objeto myChart. A continuación pongo algunos solo algunos ejemplos ya que en la documentación de la librería están todos ellos explicados.
Espero que les sirva y puedan mejorar sus páginas con buenos gráficos.
Ante la necesidad de incorporar a nuestro sitio web graficas que permitan visualizar de forma mas clara los resultados de ciertas tareas he dado con esta herramienta que me pareció interesante compartir con ustedes. Se trata de JSCharts y tiene dos ventajas muy significativas a la hora de utilizarla, es de uso libre y muy sencilla de utilizar.
Implementación
1. Incluir en nuestra pagina el archivo Javascript que contiene el código necesario.
2. Crear el contenedor que incluirá el JS Chart.
Este texto será reemplazado por el JS chart.
This is just a replacement in case Javascript is not available or used for SEO purposes
3. Incluir el codigo necesario para crear la JS Charts, que varia de acuerdo al tipo de grafica que queremos realizar. Los siguientes son ejemplos de tres tipos de graficas sencillas.
Grafico de líneas
Grafico de barras
Grafica de tortas
4. La libreria JSCharts es configurable según las necesidades del usuario mediante los métodos del objeto myChart. A continuación pongo algunos solo algunos ejemplos ya que en la documentación de la librería están todos ellos explicados.
myChart.setBackgroundColor('#000000');
myChart.setAxisNameX('Eje de la X');
myChart.setAxisNameY('Eje de la Y');
myChart.setSize(500, 400);
myChart.setTitle('Titulo del Chart');
myChart.setTitleColor('#FFFFFF');
myChart.setTitleFontSize(10);
Espero que les sirva y puedan mejorar sus páginas con buenos gráficos.
¿Te gustó el artículo? Compartilo:
Comentarios(2)
Creswinman (05-08-2009)
Pero no funciona con» ver comentario
Maxi (01-04-2009)
Muy bueno yo antes usaba uno que se llamaba jpgraph estaba bueno, pero este esta mucho mejor .Gracias por el dato , lo voy a tener en cuenta» ver comentario
![[Valid RSS]](/img/valid-rss.png "Validate my RSS feed")
