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
}