Pesquisar neste blog

quarta-feira, 2 de outubro de 2013

Melhorando o visual dos gráficos de tráfego no cacti

Nunca gostei muito do visual padrão dos gráficos do cacti, principalmente quando você está olhando uma interface que vai pra cliente (muito upload e pouco download). A alguns anos, vi uma dica no forum do cacti onde o layout padrão (uma area verde para download e uma linha azul para o upload) foi alterado para duas áreas semitransparentes e duas linhas para dar o destaque ao consumo. Na figura abaixo temos um gráfico padrão e um gráfico feito após as mudanças:
0 grafico original
Siga o passo-a-passo para dar uma incrementada no visual do seus gráficos.
1) Dentro da console do cacti, selecione a opção “Graph Templates” e depois um dos templates de tráfego para editar (no nosso exemplo, “Interface – Traffic (bits/sec)”)
1 graph template
2) O itens padrão do template estão listados abaixo. Vamos adicionar 2 novos itens e alterar os itens #1 e #5 (para mudar a transparência e para tirar o nome da legenda). Para adicionar os novos itens, clique no link “Add”
2 itens grafico inicial
3) Para a linha de “Download”, vamos alterar o tipo do Data SourceCor, o tipo do item gráfico para LINE2 (se quiser uma linha mais fina, escolha LINE1), a função CDEF para “Turn Bytes into Bits”, e por fim o Texto para “IN ” (o espaço é para garantir o perfeito alinhamento das legendas). O resultado final deve ser como o exemplo à seguir:
3 linha in final
4) Para a linha de “Upload”, a diferença será no tipo do Data Source, na cor e no texto. Veja abaixo como deverá ficar:
4 linha out final
5) Precisamos editar os itens originais para dar o efeito da transparência. No item de “Download”altere a opacidade para 10% e remova o texto.
5 area in final
6) Para o item de “Upload” original, além da opacidade e de remover o texto, precisamos alterar o tipo do item gráfico para AREA
6 area out final
7) Use as setas, para reordenar os itens até que eles fiquem como na figura abaixo:
7 itens grafico final
8) O gráfico finalizado terá a seguinte aparência:
8 grafico final