Tutorial de Highcharts
Highcharts es una biblioteca de gráficos escrita en JavaScript puro.
Highcharts permite añadir gráficos interactivos de forma sencilla y conveniente en sitios web o aplicaciones web.
Highcharts se ofrece gratuitamente para aprendizaje personal, sitios web personales y usos no comerciales.
Características de HighCharts
- Compatibilidad- Compatible con todos los navegadores principales y plataformas móviles (Android, iOS, etc.).
- Multi-dispositivo- Admite múltiples dispositivos, como dispositivos móviles iPhone/iPad, tabletas, etc.
- Uso gratuito- Para uso gratuito de aprendizaje personal.
- Ligero- El tamaño de la biblioteca principal de highcharts.js es de solo unos 35KB.
- Configuración sencilla- Configuración en formato JSON.
- Dinámico- Se puede modificar después de generar el gráfico.
- Multidimensional- Admite gráficos multidimensionales.
- Herramientas de información sobre herramientas (tooltips)- Al mover el mouse sobre un punto del gráfico, se muestra información.
- Línea de tiempo- Puede ser precisa hasta el milisegundo.
- Exportar- El gráfico se puede exportar en formato PDF/PNG/JPG/SVG.
- Salida- Salida de gráficos en páginas web.
- Zoom- Selecciona una parte del gráfico para ampliarla y observar el gráfico de cerca.
- Datos externos- Cargar datos dinámicos desde el servidor.
- Rotación de texto- Admite rotación de etiquetas en cualquier dirección.
Tipos de gráficos compatibles
Tipos de gráficos compatibles con HighCharts:
| N.º | Tipo de gráfico |
|---|---|
| 1 | Gráfico de líneas |
| 2 | Gráfico de áreas |
| 3 | Gráfico circular (de pastel) |
| 4 | Gráfico de dispersión |
| 5 | Gráfico de burbujas |
| 6 | Gráfico dinámico |
| 7 | Gráfico combinado |
| 8 | Gráfico 3D |
| 9 | Gráfico de medidor |
| 10 | Mapa de calor (Heatmap) |
| 11 | Gráfico de árbol (Treemap) |
En los siguientes capítulos, presentaremos en detalle el uso de Highcharts.
Otras extensiones