31 Ene

Agrega gráficas interactivas a tu sitio web con Highcharts [Javascript]

La tecnología Flash está en pleno declive en Internet después de que los gigantes del mundo de la informática y los propios usuarios le dieran la espalda. Empresas como Apple, Google, Facebook y Microsoft han decidido darle soporte al estándar HTML5 y al lenguaje Javascript como las nuevas tecnologías predominantes de Internet.

Hasta hace algunos años Flash era muy utilizado en sitios web para mostrar gráficas de barra o de pastel. Había cientos de plugins que hacían muy sencilla la labor de colocar estas gráficas para los desarrolladores web, además incluían animaciones que daban un mejor aspecto.

Si eres desarrollador (especialmente si eres desarrollador web) seguramente te interesará utilizar las últimas tecnologías disponibles y sobre todo utilizar los estándares. Así que para el caso de las gráficas, presento como referencia una librería de Javascript llamada HighCharts.

HighCharts te permite añadir gráficas animadas a tu sitio web en una gran variedad de formatos. El plugin está hecho en Javascript por lo que es sumamente sencillo agregarlo a tu sitio web. La alimentación de información se hace a través del formato JSON.

Personalmente he utilizado esta librería en varios proyectos y siempre me ha dado excelentes resultados. Lo mejor de todo es que es compatible con cualquier navegador que soporte Javascript. Es decir, funciona con Windows, Linux, Mac, Android, iOS, Windows Phone, Firefox, Chrome, Safari, Internet Explorer, en una PC, en un Smartphone, en una Tablet, etc. Algo con lo que Flash no puede competir.

Librería: Highcharts
Demos: Highcharts Demos

5 thoughts on “Agrega gráficas interactivas a tu sitio web con Highcharts [Javascript]

  1. Tenía una consulta este tipo de gráficas pueden irse cambiando mediante set Interval pero si recargar toda la gráfica, es eso posible o conoces algún tipo de librería que me ayudara para mi consulta.
    Lo ideal sería una gráfica que mientras va pasando el tiempo se va cambiando según los datos que le vayan llegando a la base de datos. Pero no recargar toda la gráfica.

  2. una consulta, estoy desarrollando reportes con gráficos highcharts con estilo drilldown, pero no logro que profundice mas de un nivel, tu sabes como se puede lograr?. tu ayuda fundamental para el desarrollo de mis proyectos.

  3. He probado la librería con iPads y iPhone y funciona sin ningún problema o cambio en particular. De hecho se integra a las pantallas touch activando unas opciones en la API.

    El navegador de estos dispositivos está basado en Webkit, por lo que supongo que también en Android deben funcionar sin problemas. ¿En qué dispositivo estás trabajando?

    Saludos. =)

  4. Hola como estas? conozco la herramienta es esta muy buena, pero no consigo ver las graficas con los dispositivos moviles, probaste algo de esto? como lo solucionaste?

Los comentarios están cerados.