< AntesPróximo >

Após realizar as configurações iniciais e o grupo de gráficos com o PlugBot Nuvem, você pode começar a configurar os gráficos.

 

Selecione o grupo que deseja criar os gráficos, clique em Novo gráfico, na parte de Configurações do gráfico, selecione o PlugBot que deseja utilizar, a conexão, e o no tipo de gráfico selecionamos gráfico de Lista com Avatares.

 

Para iniciar com a configuração, execute o PlugBot Nuvem na máquina, e acesse: https://plugbot.plugmobile.com.br/

 

Configurações básicas

No campo de Configurações básicas, nós informamos o Título, Subtítulo. Que serão apresentados como na imagem abaixo.

O Intervalo de sincronização define de quanto em quanto tempo o PlugBot deve enviar novas informações da fonte de dados para a Nuvem PlugMobile. Este campo é formatado em HH:MM (horas e minutos).

Máscara Monetária

Ao ativar essa opção, o gráfico mostrará ao invés de uma porcentagem um valor monetário.

Nesta imagem abaixo temos um gráfico com a porcentagem de meta batidas por cada vendedor:

 

 

Já nesta outra imagem, temos o valor monetário total das vendas de cada vendedor:

 

 

Tema Valor

Nesta aba faremos a alteração do tema dos valores conforme a mascara escolhida de porcentagem, veja a mudança:

Tema Branco:

 

Tema Azul:

 

 

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 MySQL:

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

- 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

Ocultar busca

Ao ativar o botão de ocultar busca o campo de pesquisa dentro do gráfico será desativado.

 

Busca ativa:

Com a busca desativada:

Filtro de departamento

O filtro de departamento serve para filtrar os usuários que tem acesso ao gráfico em questão.
Deixar o filtro habilitado porém sem dados no campo, deixa o gráfico desabilitado para todos os usuários com departamento.

Para escolher mais de um departamento basta separar por vírgula.
Exemplo:

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, exibir as Metas do mês, da semana e do dia:

 

 

SQL da Aba

Antes de chegarmos no campo Aba, devemos entender que esta aba é dependente dos dados que informaremos no campo abaixo "SQL aba"

No campo "SQL aba" informaremos através de código SQL livre, os campos dos quais queremos trazer da base de dados conforme a requerimento e nomenclatura que o gráfico pede.

O gráfico de Lista de avatar requer os seguintes campos:

nome	descricao	info	mascara	foto	valor
Felipe	Vendedor	Concluido	%	*link*	96
João	Vendedor	Concluido	%	*link*	55
José	Vendedor	Concluido	%	*link*	80
Maria	Vendedor	Concluido	%	*link*	66

Nota: No campo de foto, você poderá colocar o link público da imagem (Ex: foto do perfil do Facebook do funcionário) ou informar o base64 da imagem, este meio é o mais interessante caso queira deixar o gráfico visível no modo offline.

 

Mostraremos em código livre de SQL como funcionaria:

select user_name as nome, table_description as descricao, table_info as info, table_mask as mascara, table_linkfoto as foto, table_value as valor

 

No exemplo acima, as tabelas no seu banco de dados seriam:

user_name, table_description, table_info, table_mask, table_linkfoto, table_value

 

No campo "SQL da aba" você pode usar os comandos union all, inner join entre outros, mas recomendados que você crie uma tabela ou uma view no seu banco de dados para que seja um processo mais automático.

 

Após preencher as informações do formulário, clique em Testar Gráfico para visualizá-lo, e em seguida clique em Salvar Gráfico.

< AntesPróximo >