Skip to main content

Chart JS – Guía de uso

Este documento explica cómo instalar el js de chartJS usando la clase LoadFiles de la libreria de @alpura/core dentro del proyecto de shell (microfrontend que toma el papel de host), el cual carga las gráficas listas para su uso en cualquier remoto sin necesidad de que dicho remoto tenga instalada la librería.

📁 Importaciones necesarias​

En tu componente local (de preferencia en app.component.ts, para que la librería se carge de manera global) importa LoadFiles usando la libreria de @alpura/core e importa las variables de entorno environment.

import { LoadFiles } from '@alpura/core';
import { environment } from '../environments/environment';

🧩 Archivo TypeScript de ejemplo​

export class AppComponent {
  constructor() {
    LoadFiles.loadRemoteScript(
      environment.remoteLibCore.remoteEntryUrl.replace(
        'remoteEntry.js',
        'chartjs/chart.umd.4.4.1.min.js'
      )
    );
  }
}

Esta clase muestra como utilizar el metodo loadRemoteScript para cargar la libreria chartJS de manera global accediendo al remoteEntryUrl de las librerias remotas de core sustituyendo 'remoteEntry.js' por el path donde se encuentra el js de chartJS ('chartjs/chart.umd.4.4.1.min.js').

🚀 Resultado esperado​

El shell tendrá instalado chartJS de manera global y los remotos pueden crear graficas mediente el componente alpura-chart sin necesidad de que los remotos tengan instalada la librería.

📬 Soporte​

Para dudas o mejoras. contactar al equipo de arquitectura.