webmotors-webwidgets

Webmotors Cockpit WebWidgets

Instalando componente

Instale o componente webmotors-webwidgets

npm i webmotors-widgets

Usando o Componente

import WebWidgets from 'webmotors-webwidgets';

...

<WebWidgets
    name="Faturamento"
    url="/url-api"
    id={1}
    type={1}
/>

Props do componente

name (string)

Título que será exibido no Widget

url (string)

URL que chamará a Api do Obejto de dados do Widget

id (number)

ID do Widget

type (number)

Tipo do Gráfico que será renderizado

1. Barra

2. Linha

3. Indicador

4. Funil

5. Pizza

6. Velocímetro

7. BarraLinha

Retorno esperado no Cockpit

{
    "data": {
        "grafico": [
            { "titulo": "string", "valor": ["string"], "corTexto": "string", "corFundo": "string" },
            { "titulo": "string", "valor": ["string"], "corTexto": "string", "corFundo": "string" },
        ],
        "descricao": ["string"],
        "infoExtra": [
             { "valor": 99, "texto": "string", "porcentagem": 99 },
             { "valor": 99, "texto": "string", "porcentagem": 99 },
             { "valor": 99, "texto": "string", "porcentagem": 99 }
        ],
        "link": "string",
        "icone": {
            "svg": "string",
            "png": "string"
        },
        "escuro": true,
        "vertical": true
    },
    "status": 200,
    "success": true
}