@red-unica/libreria-graficas-red-unica

Librería gráficas Red Única

Componentes de grafica de React y Highcharts genéricos para todo Red Única.

Install

  npm install --save @red-unica/libreria-graficas-red-unica

Uso

  import React from 'react'
  import { GraficaDona } from '@red-unica/libreria-graficas-red-unica'

  const Example = () => {
    return (
      <>
        <GraficaDona
          propiedades={propiedades}
        />
      </>
    );
  }

Componentes

GraficaDonaPorcentaje

Para utilizar de este componente se debe envíar la siguiente propiedad:

Propiedad	Tipo de dato	Campo	Tipo dato campo	Opcional
datos	Arreglo			No
		valor	Numérico	No
		color	Cadena	No
tipo	numerico			Si

GraficaProgreso

Para utilizar de este componente se debe envíar la siguiente propiedad:

Propiedad	Tipo de dato	Campo	Tipo dato campo	Opcional
datos	Arreglo			No
		porcentajeAvance	Numérico	No
tipo	numerico			Si
linea	Booleano			Si
esTableta	Booleano			Si
esMovil	Booleano			Si

GraficaBarras

Para utilizar de este componente se debe envíar la siguiente propiedad:

Propiedad	Tipo de dato	Campo	Tipo dato campo	Opcional
datos	Arreglo			No
		nombreSerie	Arreglo	No
		categorias	Arreglo	No
		colores	Arreglo	No
		cantidad	Arreglo	No
		etiquetaY	Cadena	No
		rangoEjeY	Arreglo	No
		tipoGrafica	Numérico	No
		totales	Arreglo	No
tipo	Cadena			Si
esTableta	Booleano			Si
esMovil	Booleano			Si

Notas

• En este nuevo empaquetamiento la opción de configuración externa proporciona una forma de excluir dependencias de los paquetes de salida. En su lugar, el paquete creado depende de que esa dependencia esté presente en el entorno del consumidor (cualquier aplicación de usuario final),estos son los componentes con las librerias y la version de node necesarias.

Librerias (peer dependencies)

• react: "17.x""
• highcharts: "9.x",
• highcharts-react-official: "3.x"

Version mínima de Node

• Node: "14.x""

License

MIT ©