• Publicidad
  • Contacto
Pixelco Tech News
  • Noticias
  • Video
  • Tecnología
    • Audio & Video
    • LifeStyle
    • Transformación Digital
  • Ciencia
    • Ciencia Ficción
  • Fotografía
  • Internet
    • Desarrollo/programación
    • Diseño
Sin resultados
Ver todos los resultados
Pixelco Tech News
  • Noticias
  • Video
  • Tecnología
    • Audio & Video
    • LifeStyle
    • Transformación Digital
  • Ciencia
    • Ciencia Ficción
  • Fotografía
  • Internet
    • Desarrollo/programación
    • Diseño
Sin resultados
Ver todos los resultados
Pixelco Tech News
Sin resultados
Ver todos los resultados

fgCharting – Excelente plugin jQuery para crear gráficas accesibles

Diego CambiasoporDiego Cambiaso
26/03/2009
enDesarrollo/programación, Diseño, Recursos
Tiempo de lectura4 minutos
fgCasrting- jquery canvas chart plugin permite dibujar varios tipos de gráficos

fgCasrting- jquery canvas chart plugin permite dibujar varios tipos de gráficos

Share on FacebookShare on Twitter

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.

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

Contenidorelaciondo

Samsung muestra la evolución de SmartThings y presenta nuevas experiencias de dispositivos en SDC22

18/10/2022

4 Tips de Oracle para iniciarte en el mundo de la programación

12/04/2022

Ventajas, desventajas y consejos al crear tu sitio web

28/02/2022

Samsung e IBM lanzan el reto “Call for Code”para homenajear a los héroes de la vida

09/11/2021

¿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
Diego Cambiaso

Diego Cambiaso

Comunicador Social, Desarrollador de Software y UX Designer Blogger desde el 2006, creador de Pixelco Tech News. Viajero y fotógrafo. Entusiasta del diseño, apasionado por la tecnología y el social media. EN-ES-IT

Contenido Relacionado

Noticias

Samsung muestra la evolución de SmartThings y presenta nuevas experiencias de dispositivos en SDC22

18/10/2022
Recursos

4 Tips de Oracle para iniciarte en el mundo de la programación

12/04/2022
Transformación Digital

Ventajas, desventajas y consejos al crear tu sitio web

28/02/2022
Cargar más

Pixelco Tech

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

Objetivo de Pixelco

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

  • Contacto
  • Publicidad
  • Sobre Pixelco
  • Política de Privacidad

© 2023 Pixelco Tech News - Internet & Tecnología - Por Diego Cambiaso.

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

© 2023 Pixelco Tech News - 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.
 

Cargando comentarios...