1.3.0 • Published 10 days ago
@red-unica/libreria-graficas-red-unica v1.3.0
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-unicaUso
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 ©