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:
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)”)
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”
3) Para a linha de “Download”, vamos alterar o tipo do Data Source, a Cor, 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:
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:
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.
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
7) Use as setas, para reordenar os itens até que eles fiquem como na figura abaixo:
8) O gráfico finalizado terá a seguinte aparência:









Nenhum comentário:
Postar um comentário