Gráficos

Se utilizan los siguientes gráficos de la librería ApexCharts (React)

Asistencia: RadialBar Charts > Stroked Gauge. El color de este gráfico no es condicional, por lo tanto se usa la propiedad fill (type: gradient), desde el color #9263CA al color #E7555B.

Pleno Tutorías
Pleno Tutorías
Promedio de evaluaciones: RadialBar Charts > Semi Circle Gauge. Estos gráficos estarán enlazados con Pleno y el porcentaje de logro del alumno, por lo tanto el color dependerá del promedio calculado.
  • De 0 a 40 = rojo
  • De 41 a 60 = naranjo
  • De 61 a 80 = verde
Ir a la librería de gráficos