Representa gráficas con HTML5 & JavaScript en Canvasjs, para mostrar de manera muy visual los números y los datos en general, este interesante plugin, tiene muchas opciones en las que te puedes encontrar los siguientes tipos:

 

1.- Columnas ó barras: entre las que puedes observar el uso de gráficos de barra

• Multi-series
• columnas apiladas
• columnas apiladas 100%

2.- Gráficas con puntos y líneas:

• Multi-línea
• Con muchos datos

3.- Gráfica de áreas

• Aplicadas
• individual

4.- Gráficas de área transparente.

• Aplicadas
• individual

5.- Gráfica de área horizontal.

• Apiladas
• uso al 100%

6.- Gráfica de pastel:

• Interactivo
• Personalizada

7.- Gráfica de rosca:

• Interactivo
• Personalizada

8.- Gráfica de puntos:

• Personalizada

9.- Burbujas

• Personalizada

10.- Rangos.

• Personalizada

Es importante recalcar que puedes integrarlo a tu web con la ayuda de jQuery, además que cuentas con varios ejemplos que el sitio ofrece para implementar en donde tú quieras.

La diferencia con respecto al uso de manera gratuita contra el de compra es que simplemente no puedes vender o usar con fines de lucro, inclusive se menciona que lo puedes usar para proyectos escolares o de prueba y que posteriormente si lo usas de manera comercial tienes que adquirir una licencia.

Si quieres ver toda la lista funcionando, solo tienes que visitar el siguiente enlace: http://canvasjs.com/jquery-charts/ y para ver el código, solo tienes que dar clic a una imagen y ver el código fuente de ese ejemplo.

Como por ejemplo este: http://canvasjs.com/editor/?id=http://canvasjs.com/example/gallery/jquery/spline-chart/

 

 

[adjuntos descripcion="HTML5 & JavaScript" link="canvasjs.com/download-html5-charting-graphing-library"]

---

Posted from my blog with SteemPress : http://develoteca.com/representa-graficas-con-html5-javascript-en-canvasjs/

---