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

• Barra

• Linha

• Indicador

• Funil

• Pizza

• Velocímetro

• 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
}