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.
Comentários
0 comentário
Por favor, entre para comentar.