< Antes

 

Nota: Para criar ou editar gráficos, é necessário que o serviço do PlugBot esteja iniciado.

 

 Após ter feito a configuração inicial do PlugBot, clique no ícone do PlugBot na bandeja e em seguida clique em "Abrir PlugBot_8088"

 

O número "8088" varia de acordo com a porta escolhida no momento da instalação do PlugBot

 

No painel de controle do PlugBot clique na aba "PlugDash" na barra lateral.

 

Nota: Um gráfico sempre é apresentado em um grupo, então, caso não exista nenhum grupo ainda, leia Como criar um grupo? antes de continuar.

 

Utilidade

O Gráfico Informativo é uma projeção direta de um valor com um avatar. É interessante utilizá-lo para dar destaque a um produto/valor dentro do dashboard. É necessário apenas selecionar um valor e uma imagem como referência.

 

A seguir, temos um vídeo feito por desenvolvedores da nossa comunidade demonstrando um exemplo de implementação do Gráfico Informativo. Como esse e os demais vídeos dos outros gráficos não foram feitos pela equipe do PlugMobile, eles não seguem um padrão, mas ainda sim achamos interessante compartilhar aqui para auxilia-lo na configuração de seus gráficos.

 

 

Configurando Gráfico Informativo

Selecione o grupo que o gráfico de Informativo deverá ser exibido. Clique em "Novo gráfico" e em seguida selecione o tipo "Informativo".

 

 

Após selecionar o tipo do gráfico, um formulário será exibido:

 

 

Tempo de sincronização

O tempo de sincronização define de quanto em quanto tempo o PlugBot deve enviar novas informações da fonte de dados para a Nuvem PlugMobile.

Existem dois campos para definir esse tempo. O primeiro campo é para horas e o segundo campo para os minutos. Na imagem acima, o PlugBot sincronizará as informações desse gráfico de 10 em 10 minutos.

 

Depart. permitido

O campo de departamento permitido controla quais departamentos conseguirão visualizar esse gráfico.

Os departamentos informados nesse campo devem ser os mesmos presentes na tabela mapeada para os usuários do PlugMobile.

Por exemplo, se os departamentos na sua tabela são do tipo inteiro, informe os números que representam seus departamentos - se os departamentos na sua tabela são string, informe os textos que representam seus departamentos - exatamente como na tabela mapeada.

Assim, apenas os usuários que pertencem aos departamentos informados, conseguirão visualizar o gráfico.

Se nenhum departamento for informado, os usuários de qualquer departamento conseguirão visualizar o gráfico.

 

Tema

O tema define o esquema de cores que o gráfico será exibido.

 

 

Título e Subtítulo

Esses dois campos serão exibidos no topo do gráfico.

 

 

Aba

A aba permitem que você exiba um conjunto de dados do gráfico.

No gráfico Informativo utilizamos apenas uma única aba.

SQL aba

O campo SQL da aba deve receber uma query válida para o PlugBot fazer a leitura dos dados que o gráfico necessita para ser exibido.

O gráfico de Informativo precisa, obrigatoriamente, de registros com o seguinte formato:

 

value (obrigatório)	image (opcional)	icon (opcional)	label (opcional)
Nova meta mensal		ion-checkmark-round	Visite exemplo.com.br/nova-meta para saber mais
Novo post no blog	<link da imagem ou base64>		Confira em: exemplo.com.br/blog

Caso você esteja integrando com o banco AccessDB, a palavra "value" é reservada e não poderá ser usada no comando SQL.

Para que você faça a integração normalmente, você pode substituir a propriedade "value" pela propriedade "valor" no retorno dos seus dados e o gráfico funcionará sem problemas!

 

Por exemplo, o gráfico abaixo utiliza a seguinte query:

select value, image, icon, label from avisos where id = 2

Resultado da query acima:

 

Nota: Você pode escrever a suas queries SQL utilizando aliases para cumprir os requerimentos dos gráficos, porém, recomendamos a utilização de views no banco de dados para tornar as queries do PlugDash mais simples e rápidas.

Nota: Em FIREBIRD é necessário que os apelidos / aliases estejam entre aspas, por exemplo:                 select 'exemplo' as "label", 50 as "value" from rdb$database;

 

 Após preencher as informações do formulário, clique em "Salvar gráfico".

 

 

 

< Antes