< 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 Barra Horizontal.

 

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 do valor / Máscara numérica

Esses dois campos não modificam o gráfico de barras verticais.

 

Exibir total dos Registros

Quando a opção de exibir total dos registros está habilitada, o gráfico mostrará abaixo das barras, boxes com os valores obtidos através da query SQL da aba atual.

 

Exibir total dos registros: sim	Exibir total dos registros: não

 

Máscara monetária

Ao ativar essa opção, os valores exibidos em boxes (componentes opcionais do gráfico de Barra vertical) desse gráfico, assim como os valores exibidos na parte inferior do mesmo, terão a pontuação de centavos e milhares.

 

Valor monetário: Sim	Valor monetário: Não

 

Exibir legenda

Quando essa opção está ativada, as legendas são exibidas abaixo das barras verticais.

 

 

Exibir legenda com listagem

Essa opção define se o gráfico deve exibir uma legenda maior, na parte inferior do gráfico, com mais detalhes além das cores - como valores, porcentagem e o rótulo do valor

 

Legenda com listagem: Sim	Legenda com listagem: Não

 

Exibir nome das colunas

Quando essa opção está ativada, cada coluna exibe seu nome abaixo das barras.

 

Exibir nome das colunas: Sim	Exibir nome das colunas: Não

 

Exibir escala de valores

Quando essa opção está ativada, na parte esquerda do gráfico é exibida uma escala para visualização dos valores do gráfico.

 

Exibir escala de valores: Sim	Exibir escala de valores: Não

 

Exibir linhas verticais / Exibir linhas horizontais

Esses dois campos exibem ou ocultam linhas que ficam no gráfico delimitando valores e colunas.

Servem para melhorar a visualização da escala de valores do gráfico, assim como a divisão entre as colunas do mesmo:

 

 

Nota: as linhas horizontais são melhor visualizadas quando a opção "Exibir escala de valores" também está ativada.

Tipos combinados

Essa opção permite que o gráfico de barras possua mais um tipo de gráfico exibido junto a ele.

Por exemplo, na query a seguir, o gráfico de barras verticais será exibido normalmente e junto a ele um gráfico de linha para visualizar mais uma informação simultaneamente:

 

SELECT
 'Meta Faturamento|color:cyan|type:line' label, bar, 6000 value 
FROM 
 tb_barra_vertical 
UNION ALL
SELECT 
 label, bar, value 
FROM 
 tb_barra_vertical

 

Se essa opção estiver desabilitada, o gráfico exibirá somente colunas, não permitindo outros tipos de gráfico.

 

Tipos combinados: Sim	Tipos combinados: Não

 OBS: NÃO está disponível no Novo PlugDash.

Preencher

Quando o gráfico de barras exibe também o gráfico de linhas (Tipos combinados ativado), esse gráfico de linhas pode ser preenchido até a base ou mostrar somente a linha

 

Preencher: Sim	Preencher: Não

 

Aplica máscara numérica?

Esse campo permite que seja aplicada uma máscara numérica nos valores exibidos pelas tooltips (hovers) e pela legenda com listagem do gráfico.

Observação: a máscara numérica só será aplicada nos valores se a opção escolhido no campo valor monetário for "Não". Caso contrário, mesmo que tenha sido escolhida a opção "Sim" para o campo aplicar máscara numérica?, a prioridade será dada para aplicar a pontuação de centavos e milhares para os valores.

 

Casas decimais

Quando o gráfico de barras permite o uso de máscara numérica (escolhida a opção "sim" no campo Aplicar máscara numérica? ), o campo casas decimais possibilita definir a quantidade de casas decimais que os valores terão após a conversão feita pela máscara. No caso da figura abaixo, foi escolhido o valor "4" para que fossem exibidas 4 casas decimais após o ponto.

 

Aplicar máscara: Sim	Aplicar máscara: Não

 

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 em uma aba, o total vendido e as metas do 1º trimestre, e na segunda aba, do 2º trimestre.

 

 

Nessa seção é possível definir qual aba será exibida primeiro.

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 da 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 Barra vertical precisa, obrigatoriamente, de um registro com o seguinte formato:

 

label	bar	value
Faturados	01/jan	3801
Faturados	02/jan	5200
Emitidos	01/jan	8800
Emitidos	02/jan	0

 

Especificamente no gráfico de barras verticais, você poderá definir a cor das colunas e o tipo do gráfico utilizando parâmetros na query SQL.

Para definir tipo linha e cor azul você pode concatenar o apelido do valor (alias) com os parâmetros da seguinte forma:

Exemplo MySQL > SELECT concat(label, '|type:line|color:blue') label, bar, value FROM tb_barra_vertical

Por exemplo, o gráfico abaixo tem tipos combinados utiliza a seguinte query no MySQL:

select concat(label, '|type:line|color:cyan') label, bar, value from tb_barra_vertical where label = 'META' and bar in ('ABR', 'MAI', 'JUN') union all
select concat(label, '|color:rgba(0, 150, 148, 0.8)') label, bar, value from tb_barra_vertical where label = 'VENDIDO' and bar in ('ABR', 'MAI', 'JUN');

 

Resultado da query acima:

 

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 >