Descarga awesome : descarga de código fuente awesome

awesome

Otro código fuente

1.0.0

Descargar

Gráfico impresionante.js

Una lista seleccionada de cosas increíbles relacionadas con Chart.js

Recursos
Gráficos
Complementos
Adaptadores
Integraciones
Herramientas

Soporte para Chart.js. Actualmente hay tres versiones principales de Chart.js en uso. Consulte las insignias de versión a continuación para verificar si una biblioteca admite su versión de Chart.js. (Además, "❕" significa que una versión no es compatible).

Chart.js v. 4️⃣: lanzado en noviembre de 2022
Chart.js v. 3️⃣: lanzado en abril de 2021
Chart.js v. 2️⃣: lanzado en abril de 2016

Recursos

Guía oficial | La guía del usuario y el sitio de documentación.

Gráficos

Apoyo	Nombre	Descripción
2️⃣ ❕ ❕	embudo de barra	Agrega el tipo de gráfico de embudo de barras
2️⃣ 3️⃣ 4️⃣	diagrama de caja	Agrega el tipo de gráfico de diagrama de caja y diagrama de violín.
2️⃣ 3️⃣ 4️⃣	barras de error	Agrega diversas variantes de barra de error de tipos de gráficos estándar
2️⃣ 3️⃣ ❕	financiero	Agrega tipos de gráficos financieros como una vela
❕ 3️⃣ 4️⃣	embudo	Agrega el tipo de gráfico de embudo
2️⃣ 3️⃣ 4️⃣	geo	Agrega tipos de gráficos de mapas geográficos, como coropletas y mapas de burbujas.
2️⃣ 3️⃣ 4️⃣	gráfico	Agrega tipos de gráficos, como un gráfico dirigido por fuerza.
2️⃣ 3️⃣ 4️⃣	matriz	Agrega tipo de gráfico matricial
2️⃣ 3️⃣ 4️⃣	PCP	Agrega el tipo de gráfico de trazado de coordenadas paralelas
❕ 3️⃣ 4️⃣	sankey	Agrega el tipo de gráfico de diagrama sankey
2️⃣ ❕ ❕	herrero	Agrega el tipo de gráfico Smith
2️⃣ 3️⃣ 4️⃣	apilados100	Dibuja un gráfico de barras 100% apiladas
2️⃣ 3️⃣ 4️⃣	mapa de árbol	Agrega el tipo de gráfico de mapa de árbol
❕ 3️⃣ 4️⃣	venn	Agrega el tipo de gráfico de Venn y Euler
❕ 3️⃣ 4️⃣	nube de palabras	Agrega el tipo de gráfico de nube de palabras

Complementos

Estilo

Apoyo	Nombre	Descripción
❕ 3️⃣ 4️⃣	autocolores	Generación automática de colores
2️⃣ ❕ ❕	esquemas de colores	Permite colorear automáticamente utilizando esquemas de color predefinidos.
❕ 3️⃣ 4️⃣	gradiente	Degradados fáciles
2️⃣ ❕ ❕	bruto	Dibuja gráficos en un estilo incompleto y dibujado a mano usando Rough.js
2️⃣ ❕ ❕	estilo	Proporciona opciones de estilo como efectos de sombra, bisel, brillo o superposición.
❕ ❕ 4️⃣	pila de tiempo	Agrega un formato de escala de tiempo obstinado con divisiones de tiempo "agradables"

Características

Apoyo	Nombre	Descripción
2️⃣ 3️⃣ 4️⃣	anotación	Dibuja líneas, cuadros, puntos, etiquetas, polígonos y elipses en el área del gráfico.
2️⃣ 3️⃣ ❕	punto de mira	Agrega una cruz de datos a los gráficos de líneas y de dispersión
2️⃣ 3️⃣ 4️⃣	etiquetas de datos	Muestra etiquetas en datos para cualquier tipo de gráficos.
2️⃣ ❕ ❕	etiqueta de donut	Mostrar una etiqueta de texto en el centro de un gráfico de anillos
2️⃣ 3️⃣ 4️⃣	jerárquico	Agrega escalas jerárquicas que se pueden contraer, expandir y enfocar.
❕ ❕ 4️⃣	etiqueta de imagen	Muestra etiquetas de imágenes en datos para gráficos de anillos
2️⃣ ❕ ❕	etiquetas de gráfico circular	Muestra etiquetas fuera de un gráfico circular/anillo
2️⃣ ❕ ❕	regresión	Calcular y dibujar regresiones estadísticas (líneas de tendencia)
❕ ❕ 4️⃣	línea de tendencia	Dibuja líneas de tendencia
2️⃣ ❕ ❕	cascada	Permite un uso sencillo de los gráficos en cascada.

Interacciones

Apoyo	Nombre	Descripción
❕ ❕ 4️⃣	a11y-leyenda	Proporciona accesibilidad mediante teclado para las leyendas de los gráficos.
❕ 3️⃣ 4️⃣	chart2music	Mejora la accesibilidad a los gráficos con navegación por teclado y sonificación.
2️⃣ 3️⃣ 4️⃣	diferido	Pospone la actualización inicial del gráfico hasta que el gráfico se desplaza a la ventana gráfica
2️⃣ 3️⃣ 4️⃣	arrastrar datos	Permite a los usuarios arrastrar puntos de datos en el gráfico.
2️⃣ 3️⃣ 4️⃣	zoom	Permite hacer zoom y desplazarse en gráficos

Fuentes de datos

Apoyo	Nombre	Descripción
2️⃣ 3️⃣ 4️⃣	fuente de datos-prometheus	Muestra series temporales de Prometheus.
2️⃣ 3️⃣ ❕	transmisión	Agrega soporte para transmisión de datos en vivo

Además, se pueden encontrar muchos complementos en el registro de npm.

Adaptadores

Apoyo	Nombre	Descripción
2️⃣ 3️⃣ 4️⃣	fecha-fns	adaptador de fecha-fns
2️⃣ 3️⃣ 4️⃣	diajs	adaptador dayjs
2️⃣ 3️⃣ 4️⃣	luxón	Adaptador de lujo
2️⃣ 3️⃣ 4️⃣	momento	Adaptador momento.js
❕ 3️⃣ 4️⃣	espacio-tiempo	Adaptador espacio-temporal

Integraciones

javascript

Apoyo	Nombre	Descripción
2️⃣ ❕ ❕	gráfico-cli-brasas	CLI de ascuas
❕ ❕ 4️⃣	gráficos_frescos	Fresco
2️⃣ ❕ ❕	lwcc	Componente web relámpago
2️⃣ 3️⃣ 4️⃣	gráficos ng2	Angular v2+
2️⃣ 3️⃣ ❕	gráfico omi	Omí
2️⃣ 3️⃣ 4️⃣	reaccionar-chartjs-2	Reaccionar
❕ 3️⃣ 4️⃣	gráficos-sólidos	SolidJs
❕ 3️⃣ 4️⃣	esbelto-chartjs	Esbelto
2️⃣ 3️⃣ 4️⃣	vue-chartjs	Vue.js

Otros

Apoyo	Nombre	Descripción
❕ 3️⃣ ❕	BlazorChartjs	Blazor
❕ 3️⃣ 4️⃣	pax.BlazorChartJs	Blazor (con aislamiento de JavaScript)
2️⃣ 3️⃣ 4️⃣	charba	GWT/J2CL
2️⃣ ❕ ❕	gráfico.java	Java
❕ ❕ 4️⃣	modelo chartjs-java	Java
2️⃣ ❕ ❕	chartjs-ocaml	OCaml
2️⃣ 3️⃣ ❕	chartjs-ror	Ruby, simplifica el uso de Chart.js en vistas Rails
❕ 3️⃣ 4️⃣	gráfico-js-rs	Chart.js escribe API en Rust (WIP en Alpha/incompleto)
2️⃣ ❕ ❕	django-chartjs	Django
	figura	Componentes de diseño
2️⃣ 3️⃣ 4️⃣	ipychart	Pitón
2️⃣ 3️⃣ 4️⃣	laravel-chartjs	Laravel
2️⃣ ❕ ❕	licuar	Visualización rápida y multiproceso de datos de flujo con Angular
2️⃣ ❕ ❕	nova-chartjs	Laravel Nova
2️⃣ 3️⃣ 4️⃣	tabla rápida	API web para gráficos estáticos
2️⃣ ❕ ❕	gráficos-malvados	Envoltorio para aplicaciones web Java
❕ 3️⃣ ❕	Symfony/ux-chartjs	Paquete Symfony UX