Migrar highcharts-ng a Angular moderno
highcharts-ng exponía Highcharts con una directiva highchart enlazada a un objeto de configuración en el scope. Está atada a AngularJS.
Qué la reemplaza
| Opción | Cuándo elegirla |
|---|---|
| highcharts-angular | El envoltorio oficial de Highcharts para Angular: un componente de gráfico que recibe el objeto de opciones estándar. |
| Highcharts directly | Un componente propio y delgado que llama a Highcharts.chart sobre un elemento; sin envoltorio que mantener actualizado. |
| ngx-echarts or Chart.js | Cuando además quieres dejar de depender de la licencia comercial de Highcharts. |
Cómo migrarla
- Actualiza primero Highcharts, y lee su changelog para las opciones y módulos que usas.
- Convierte la configuración de cada gráfico al objeto de opciones estándar de Highcharts y tipifícala con el tipo Options.
- Crea un solo componente de gráfico, y actualiza los gráficos pasando un objeto de opciones nuevo, no mutando el anterior.
Cuidado con. Las versiones antiguas de highcharts-ng usaban una forma propia de configuración, con las opciones del gráfico anidadas bajo options y las series en el nivel superior. Esas configuraciones hay que convertirlas a opciones estándar de Highcharts.
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