< 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"

 

 

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

Utilize o gráfico de lista quando precisar fazer uma listagem de produtos ou pessoas. É recomendado para a visualização de vários dados pois possui um campo de busca que facilita na hora de encontrar alguma informação.

 

A seguir, temos um vídeo feito por desenvolvedores da nossa comunidade demonstrando um exemplo de implementação do Gráfico de Lista. 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 de Lista

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

 

 

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.

 

 

Máscara do Valor

Nessa modalidade de gráfico, a máscara do valor não é aplicada.

 

Valor Monetário

Ao ativar essa opção, os valores exibidos nas barras e em boxes (componentes opcionais do gráfico de lista) desse gráfico terão a pontuação de centavos e milhares.

 

Valor monetário ativado	Valor monetário desativado

 

Exibir totalizador

Ao ativar esta opção, será exibido no topo do gráfico o valor total dos itens. 

Neste exemplo a opção foi desabilitada.

 

Aplica máscara numérica?

Ao ativar essa opção, um novo campo será exibido:

Esses campos (Aplicar máscara numérica e Casas decimais) fazem com que o valor mostrado na lista seja formatado com agrupamento de milhares e ainda exiba a quantidade pré-definida de casas decimais após a vírgula.

Exemplos:

- SQL estático utilizado com banco de dados Firebird:

select 'Nome' as "nome", 'Descrição' as "descricao", 'Info' as "info", '%' as "mascara", 'https://i.pravatar.cc/300' as "foto", 12345.6789 as "valor" from rdb$database union all
select 'Nome' as "nome", 'Descrição' as "descricao", 'Info' as "info", '%' as "mascara", 'https://i.pravatar.cc/400' as "foto", 789654123.1122 as "valor" from rdb$database union all
select 'Nome' as "nome", 'Descrição' as "descricao", 'Info' as "info", '%' as "mascara", 'https://i.pravatar.cc/500' as "foto", 0.3924576 as "valor" from rdb$database

- Aplicar máscara numérica: Não

- Aplicar máscara numérica: Sim | Casas decimais: 0

- Aplicar máscara numérica: Sim | Casas decimais: 2

- Aplicar máscara numérica: Sim | Casas decimais: 5

 

Aba

As abas permitem que você exiba mais de um conjunto de dados no mesmo gráfico.

Cada aba recebe um comando SQL para obter os dados que devem ser exibidos.

Por exemplo, criar abas para exibir as categorias de produtos mais vendidos:

 

 

Nessa seção também é possível definir qual aba será carregada aberta. Para definir uma aba como principal, basta clicar no campo em que você definiu o nome da mesma e confirmar que o contorno do campo ficará mais escuro que o contorno das outras abas.

 

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 barras horizontais precisa, obrigatoriamente, de registros com o seguinte formato:

 

nome	descricao	info	valor
Apple	Macbook Pro 15"	qtde	145
Microsoft	Surface13"	qtde	345
Dell	Inspiron 15R 5537	qtde	674

 

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

select nome, descricao, info, valor from lista2 order by valor desc

 

Resultado da query acima:

 

Nota: Você pode escrever a suas queries SQL utilizando aliases para cumprir com 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 "nome", 50 as "valor"... from rdb$database;

 

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

 

 

< Antes