inegicomponentes-grafica/src/Componentes/Grafica.js

Componentes de visualizacion 2023 - Graficas

/**==============================================
 *                   COMPONENTE CUADRO BASICO
 *   Fecha 19-01-2023
 *   Modificado 00-00-0000
 *   Descripcion: Estructura de componentes para el Tabulador 
 *
 *=============================================**/

import React, {useEffect, useId} from "react";
import { StoreProvider } from "../Stores/Global";
import GraficaLayout from '../Layouts/GraficaLayout';
import 'bootstrap/dist/css/bootstrap.css'
import '../Styles/tema-1.css';

const Grafica = ({config, dataset}) => {  
    const idUnique = (useId()).replaceAll(":","");
    const idg = config.id;
    config.contenedorId = ("cit-contenedor-"+ idg).toLowerCase()+"-"+idUnique;
    config.graficaId = ("cit-grafica-"+ idg).toLowerCase()+"-"+idUnique;
    config.domId = idg;            
    config.id = idg +"-"+ idUnique;            
    
    return ( 
        <StoreProvider>         
            <GraficaLayout initConfig={config} initDataset={dataset}/>            
        </StoreProvider>        
    )
}
export default Grafica;