• Publicidad
  • Contacto
Pixelco Tech Blog
  • Noticias
  • Video
  • Tecnología
  • Fotografía
  • Internet
    • Desarrollo/programación
    • Diseño
No Result
View All Result
Pixelco Tech Blog
  • Noticias
  • Video
  • Tecnología
  • Fotografía
  • Internet
    • Desarrollo/programación
    • Diseño
No Result
View All Result
Pixelco Tech Blog
No Result
View All Result

fgCharting – Excelente plugin jQuery para crear gráficas accesibles

Diego CambiasoporDiego Cambiaso
26/03/2009
enDesarrollo/programación, Diseño, Recursos
min. lectura4 min
0

fgCasrting- jquery canvas chart plugin permite dibujar varios tipos de gráficosSegún Wikipedia:

jQuery es un nuevo tipo de librerías de Javascript que permite simplificar la manera de interactuar con los documentos HTML, permitiendo manejar eventos,desarrollar animaciones, y agregar interacción con la tecnología AJAX a nuestras páginas web.

Una prueba de la potencia son las implementaciones como la de plugins como fgCharting que permite crear gráficas accesibles desde una tabla de datos estándar con canvas.

Usando este plugin se pueden crear varios tipos de gráficas como: torta (pie), lineal, área y de barras.

EntradasRelacionados

Cómo hacer una infografía con Venngage

Cómo los gadgets satelitales ayudan en desastres naturales

Como canvas no es soportado por defecto por Internet Explorer, se puede usar ExplorerCanvas.

¿Cómo funciona?

  1. Primero hay que crear una tabla de datos con el marcado apropiado en HTML.
  2. Agregar
    <canvas id="chart1" class="fgCharting_src-dataTable_type-pie"></canvas>.
  3. Por último el script
    $.fgCharting();

En su sitio (en inglés) está todo muy bien explicado.

Muy funcional, práctico y fácil de implementar, fgCharting una opción excelente.

Sitio: Filament Group

Vía: Web Resourced Depot

Otra forma de graficar con jQuery:

Flot es una biblioteca Javascript para gráficos lineales con jQuery. Esta permite crear gráficas del lado del cliente de funciones como el seno, coseno, etc. Es potente, fácil de implementar y la estética, al igual que en otros productos para jQuery, en muy buena.

Otras herramientas para gráficos:

Open Flash Chart es un componente desarrollado en Flash que permite generar gráficos. Con este se pueden generar muy fácilmente gráficos de barras, torta, área y otros. Es gratis, open source y es distribuido bajo una licencia GPL…

Google Chart API es una API de Google que permite generar dinámicamente gráficos de barras, torta, lineales, etc. Una línea como esta: http://chart.apis.google.com/chart?cht=p3&chd=s:hW&chs=250x100&chl=Hello|World - genera un gráfico como el que se puede ver más abajo en esta nota…

JPgraph es una biblioteca orientada a objetos escrita en PHP que permite implementar los tipos de gráficos: líneas, barras, torta, anillo, campo, existencias, polar, Gantt, error, antispam y muchos otros. En su versión profesional agrega tres tipos más que son: velocímetro, puntos cardinales y códigos de barras….

GraPHPico permite crear graficas y además es de código abierto, la información técnica está disponible en inglés y español y aunque solo tiene gráficos de: porcentaje, barras, torta y colores, es fácil de implementar y funciona muy bien. Con esta tengo algo más de experiencia y la mayoría de problemas han surgido cuando ha habido algún problema con GD. Una característica que me gustó mucho es que genera gráficos en formato PNG.

Tags: bibliotecacomplementocrearDesarrollodibujarDiseñograficosJavascriptjQuerylibreriapluginRecursosSoftware libreSoftware libre

Suscribirse para recibir las últimas actualizaciones de Pixelco.

Cancelar suscripción
Diego Cambiaso

Diego Cambiaso

Desarrollador de software egresado de la Universidad Católica de Argentina y fotógrafo. Blogger desde hace más de 13 años, creador de Pixelco Tech Blog. Entusiasta del diseño, apasionado por la tecnología y el social media. EN-ES-IT

RelacionadoEntradas

Venngage - Herramienta online - Interfaz

Cómo hacer una infografía con Venngage

05/04/2019
Microsoft Teams - Interface

Microsoft Teams disponible para usuarios de Office 365 en el mundo

20/03/2017
Imac retina 5k con 1TB

Los mejores gadgets para diseñadores

27/09/2016

Descubre una colección fantástica de íconos para sistema operativo de teléfono

22/03/2015

Vivo Y50 Review

https://www.youtube.com/watch?v=H2urBEMmHJc&ts

The Sero

https://www.youtube.com/watch?v=Za5_Lbpr5aA

Lenovo Ideapad Gaming 3

https://www.youtube.com/watch?v=y6rJ0R3T-Eg

Ecosistema de Samsung

https://www.youtube.com/watch?v=vmPx0yT1XUk&t=6s

Familia Moto One Fusion

https://www.youtube.com/watch?v=J5eA3d6QEfk

Moto G9 Plus – Unboxing

https://www.youtube.com/watch?v=mzlufN7eSyI

Pixelco Tech Blog

Pixelcoes sitio de noticias de tecnología, diseño y desarrollo web e Internet escrito por profesionales.

Sobre Pixelco

Objetivo de Pixelco

Informar, promocionar, proporcionar recursos y ayuda sobre el diseño y desarrollo web, estándares, Internet y tecnología.

Pixelco Tech Blog

  • Contacto
  • Pixelco
  • Pixelco entradas
  • Política de Privacidad
  • Publicidad
  • Sobre Pixelco
Pixelco Tech Blog - Desde 2006

© 2020 Pixelco Tech Blog - Internet & Tecnología - Por Diego Cambiaso.

  • Publicidad
  • Contacto
  • Política de Privacidad
  • Sobre Pixelco
  • Internet
    • Recursos
    • Diseño
    • Desarrollo/programación
  • Tecnología
  • Noticias
  • Fotografía

© 2020 Pixelco Tech Blog - Internet & Tecnología - Por Diego Cambiaso.

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies Política de privacidad.