Highcharts - Descripción general

Highchartses una biblioteca de gráficos puramente basada en JavaScript destinada a mejorar las aplicaciones web al agregar capacidad de gráficos interactivos. Admite una amplia gama de gráficos. Los gráficos se dibujan utilizando SVG en navegadores estándar como Chrome, Firefox, Safari, Internet Explorer (IE). En el IE 6 heredado, se usa VML para dibujar los gráficos.

Características de la biblioteca Highcharts

Analicemos ahora algunas características importantes de la biblioteca Highcharts.

  • Compatability - Funciona perfectamente en todos los principales navegadores y plataformas móviles como Android e iOS.

  • Multitouch Support - Admite multitouch en plataformas basadas en pantallas táctiles como Android e iOS. Ideal para iPhone / iPad y teléfonos inteligentes / tabletas basados ​​en Android.

  • Free to Use - De código abierto y de uso gratuito para fines no comerciales.

  • Lightweight - La biblioteca principal highcharts.js con un tamaño de casi 35 KB, es una biblioteca extremadamente liviana.

  • Simple Configurations - Utiliza json para definir varias configuraciones de los gráficos y es muy fácil de aprender y usar.

  • Dynamic - Permite modificar el gráfico incluso después de su generación.

  • Multiple axes- No restringido a los ejes x, y. Soporta múltiples ejes en los gráficos.

  • Configurable tooltips- La información sobre herramientas aparece cuando un usuario se desplaza sobre cualquier punto de un gráfico. Highcharts proporciona un formateador incorporado de información sobre herramientas o un formateador de devolución de llamada para controlar la información sobre herramientas mediante programación.

  • DateTime support- Manejar la fecha y la hora especialmente. Proporciona numerosos controles incorporados sobre las categorías de fechas.

  • Export - Exportar gráfico a formato PDF / PNG / JPG / SVG habilitando la función de exportación.

  • Print - Imprimir gráfico usando la página web.

  • Zoomablity - Admite el gráfico de zoom para ver los datos con mayor precisión.

  • External data- Admite la carga de datos de forma dinámica desde el servidor. Proporciona control sobre los datos mediante funciones de devolución de llamada.

  • Text Rotation - Admite la rotación de etiquetas en cualquier dirección.

Tipos de gráficos admitidos

La biblioteca Highcharts proporciona los siguientes tipos de gráficos:

No Señor. Tipo de gráfico y descripción
1

Line Charts

Se utiliza para dibujar gráficos basados ​​en líneas / splines.
2

Area Charts

Se utiliza para dibujar gráficos de áreas.
3

Pie Charts

Se utiliza para dibujar gráficos circulares.
4

Scatter Charts

Se utiliza para dibujar gráficos dispersos.
5

Bubble Charts

Se utiliza para dibujar gráficos basados ​​en burbujas.
6

Dynamic Charts

Se utiliza para dibujar gráficos dinámicos donde el usuario puede modificar gráficos.
7

Combinations

Se utiliza para dibujar combinaciones de una variedad de gráficos.
8

3D Charts

Se utiliza para dibujar gráficos en 3D.
9

Angular Gauges

Se utiliza para dibujar gráficos de tipo velocímetro.
10

Heat Maps

Se usa para dibujar mapas de calor.
11

Tree Maps

Se utiliza para dibujar mapas de árboles.

En los capítulos siguientes, analizaremos cada tipo de gráficos mencionados anteriormente en detalle con ejemplos.

Licencia

Highcharts es de código abierto y de uso gratuito para fines no comerciales. Para utilizar Highcharts en proyectos comerciales, siga el enlace - Licencia y precios