La librería Chart.js es libre, ligera (4,5 k minificada y comprimida) y ofrece un montón de opciones de personalización.
Chart.js es un sistema de representación gráfica orientada a objetos que utiliza JavaScript y HTML5 Canvas para crear seis tipos diferentes de gráficos. Permite gráficos de líneas, gráficos de barras, gráficos de radiales, gráficos circulares, gráficos de áreas polares y gráficos de anillos, todos muy animados y totalmente personalizables. Es más, están presentados en suficiente alta resolución como para pantallas de retina.
Los gráficos de líneas
Los gráficos de líneas son probablemente el gráfico más ampliamente utilizado para mostrar tendencias.
Chart.js tiene un montón de opciones de personalización para los gráficos de líneas, junto con soporte para múltiples conjuntos de datos que se trazan en un gráfico.
Los gráficos de barras
Los gráficos de barras también son muy buenos para mostrar datos de tendencia.
Chart.js soporta gráficos de barras con una carga de estilos personalizados y la posibilidad de mostrar varias barras para cada valor de x.
Los gráficos radiales
Los gráficos radiales son buenos para la comparación de una selección de diferentes piezas de datos.
Chart.js soporta múltiples conjuntos de datos representados en el mismo gráfico radial. También es compatible con todas las opciones de personalización y la animación que usted esperaría.
Los gráficos circulares
Los gráficos circulares son buenos para la comparación de proporciones en un único conjunto de datos.
Chart.js muestra gráficos circulares animados con colores personalizables, movimientos, aliviando la animación y efectos.
Gráficos de áreas polares
Gráficos de áreas polares son similares a los gráficos circulares, pero la variable no es la circunferencia del segmento, sino el radio de la misma.
Chart.js entrega gráficos animados de áreas polares con segmentos de color personalizados, junto con escalas personalizadas y animación.
Los gráficos de anillos
Al igual que los gráficos circulares, los gráficos de anillos son ideales para mostrar los datos proporcionales.
Chart.js ofrece las mismas opciones de personalización en cuanto a diagramas de sectores, pero con un recorte interior de tamaño personalizado para convertir sus tartas en rosquillas.
