< 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

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

 

Texto do Valor

Nessa modalidade de gráfico, o texto do valor só é ativada quando a opção de multi-linha está ativada.

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 Total dos Registros

Nesta opção você fará seu gráfico contabilizar o total dos produtos conforme o seu banco de dados:

 

Total de registros: ativado	Total de registros: desativado

Exibir Legenda

Neste campo, caso ativado, o gráfico trará uma legenda de cada produto logo abaixo do gráfico, veja o exemplo:

 

Exibir legenda ativo	Exibir legenda desativado

 

Exibir nome das colunas

Neste campo, você poderá retirar ou ativar a opção das colunas no gráfico, essas colunas são parte do SQL para comparação entre elas, mostraremos o exemplo a seguir:

 

Exibir nome coluna ativado	Exibir nome coluna desativada

 

Exibir escala de valores

Este campo funcionará como background deste gráfico, do qual mostrará os valores iniciais e finais conforme os dados trazidos do banco, ele funcionará como referência para os pontos de cada gráfico, veja o exemplo:

 

Exibir escala de valores: sim	Exibir escala de valores: não

 

Exibir linhas verticais

Com este campo habilitado, será criado uma linha vertical na parte de trás do gráfico que será uma referência para todo ponto do gráfico, veja o exemplo: 

 

Exibir linhas verticais ativado	Exibir linhas verticais desativado

 

Exibir linhas horizontais

Com este campo habilitado, será criado uma linha horizontal na parte de trás do gráfico que será uma referência para todo ponto do gráfico, veja o exemplo:

 

Exibir linhas horizontais ativado	Exibir linhas horizontais desativado

 

Multi-linha

Com este campo ativado, caso você traga do seu banco de dados mais um de uma informação, ele trará e fará uma linha para cada, se desativado ele trará apenas uma delas, como padrão a primeira linha, veja o exemplo:

 

Multi-linha ativado	Multi-linha desativado

Nota:  Quando o multi-linha está desativado e a opção "Exibir o nome das colunas" está ativada, o nome da coluna é trazido do campo "Texto do Valor".

 

Preencher

Com está opção ativada, o maior valor existente no gráfico irá sobrepor todos os outros gráficos, veja o exemplo:

 

Preencher ativado	Preencher desativado

 

Aplica máscara numérica?

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

Observação: a máscara numérica só será aplicada nos valores se a opção escolhida 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, criar abas para exibir os valores de cada trimestre, veja o exemplo:

 

 

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

 

label	bar	value
'Notas Emitidas'	'01/18'	156
'Notas Canceladas'	'01/18'	192
'Pedidos Emitidos'	'01/18'	126

 

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

select label, bar, value, from faturamento_table

 

Ou seja, recomendamos que você crie uma tabela no seu banco de dados para que seja o processo mais automático possível, caso você use o campo de SQL do PlugDash, seria como o exemplo a seguir:

Obs: usaremos dados estáticos neste exemplo, caso queira usar o campo, use as tabelas do seu banco de dados.

 

SELECT 'Notas Emitidas' AS label, '01/18' AS bar, 156 as value UNION ALL
SELECT 'Notas Emitidas' AS label, '02/18' AS bar, 192 as value UNION ALL
SELECT 'Notas Emitidas' AS label, '03/18' AS bar, 126 as value UNION ALL
SELECT 'Notas Canceladas' AS label, '01/18' AS bar, 20 as value UNION ALL
SELECT 'Notas Canceladas' AS label, '02/18' AS bar, 35 as value UNION ALL
SELECT 'Notas Canceladas' AS label, '03/18' AS bar, 10 as value UNION ALL
SELECT 'Pedidos Emitidos' AS label, '01/18' AS bar, 100 as value UNION ALL
SELECT 'Pedidos Emitidos' AS label, '02/18' AS bar, 150 as value UNION ALL
SELECT 'Pedidos Emitidos' AS label, '03/18' AS bar, 115 as value

 

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 >