Carlos Cifuentes
Migración de librerías AngularJS · gráficos

Migrar angular-chart.js a Angular moderno

angular-chart.js envolvía Chart.js 1.x/2.x en directivas como chart-line y chart-bar.

Qué la reemplaza

OpciónCuándo elegirla
ng2-chartsEnvoltorio de Chart.js para Angular: los mismos gráficos y el mismo objeto de opciones.
ngx-echarts (Apache ECharts)Cuando necesitas más tipos de gráfico o grandes volúmenes de datos.
Chart.js directlyUn componente propio y delgado, sin envoltorio que mantener actualizado.

Cómo migrarla

  1. Actualiza las opciones de Chart.js: el formato de configuración cambió entre versiones mayores.
  2. Crea un componente por cada tipo de gráfico que uses, que reciba datos y opciones como inputs.
  3. Compara tooltips, leyendas y formatos numéricos con los gráficos viejos usando datos reales.

Cuidado con. La mayor parte del trabajo es el salto de versión de Chart.js, no el envoltorio de Angular. Considera en el presupuesto la reescritura de opciones.

Otras librerías

¿Planeas una migración o una plataforma de microfrontends?

En una llamada de 20 minutos me cuentas tu situación y te digo cómo la abordaría. Si todavía no vale la pena, también te lo digo.

Escríbeme por LinkedIn