Criação de dashboards no Splunk - Entendendo o XML
- wevaluatebr
- 21 de dez. de 2020
- 2 min de leitura
Conforme vimos neste post, a estrutura de um dashboard é criada a partir de um código XML padrão que possui seções específicas para cada elemento que estejamos tratando.
Ao criar um dashboard no splunk nós teremos uma estrutura parecida com a estrutura abaixo:
<dashboard>: Modelo
<label>: Título do dash
<row>: definição de cada conjunto de gráficos em linha
<panel>: definição de cada painél
<title>: titulo/subtítulo do gráfico
<chart>: tipo de gráfico
<search> definição da consulta
<query>: consulta </query>
<earliest>definição do timepicker earliest</earliest>
<latest>definição do timepicker latest</latest>
</search>
<option>: opções relacionadas ao tipo de gráfico escolhido</option>
</chart>
</panel>
</row>
</dashboard> Essa estrutura é alcançada quando clicamos na opção "Source" na tela de edição dos dahsboards.
Podemos dizer que temos dois elementos essenciais nessa construção: as rows e os panels.
Uma row é uma linha dentro do dashboard onde podemos ter um ou mais elementos visuais, sejam panels ou códigos html. Cada row pode conter um ou mais elementos de visualização.
Os panels podem conter gráficos/tabelas, códigos html ou ambos. Dentro de cada panel também temos as consultas relacionadas a construção de visualizações.
No exemplo abaixo temos um dashboard com duas rows e dois paineis em cada:
<dashboard>
<row>
<panel>
</panel>
<panel>
</panel>
</row>
<row>
<panel>
</panel>
<panel>
</panel>
</row>
</dashboard>Visualmente teríamos o seguinte resultado na UI do dashboard:
Obs: ao colar o código acima, você verá algumas mensagens de erro na validação do XML. Pode ignorá-las, pois elas apenas estão sinalizando que as tags "panel" estão sem conteúdo.
Perceba que este painel agora possui quatro elementos, sendo dois em cada linha (observe os quadros onde está escrito "No title").
Como falamos anteriormente, também é possível inserir um código html em um dashboard, como no exemplo a seguir:
<dashboard>
<row>
<panel>
<html>Texto</html>
</panel>
<panel>
</panel>
</row>
<row>
<html>Texto</html>
</row>
</dashboard>O resultado seria o seguinte na UI:
Agora temos três quadros, sendo dois na primeira linha e um na segunda linha. Em dois deles incluímos um texto em HTML.
O código HTML inserido em um dashboard pode receber os elementos comuns à linguagem, como imagens, vídeos, formatações e até mesmo CSS. Logo iremos ter um novo post com maior detalhamento das possibilidades em códigos HTML, assim como mais dicas de formatação para um dashboard mais adequado.
Dúvidas sobre o post? Sugestões de conteúdo? Correções para o conteúdo? Críticas ou elogios?
Por favor, entre em contato conosco através do e-mail wevaluatebr@gmail.com e responderemos o mais rápido possível.
Se gostou, compartilhe este post em suas redes sociais e nos ajude a divulgar este trabalho!
Comentários