Neste artigo, vamos analisar as complexidades da configuração de tabelas e gráficos para melhorar a legibilidade dos dados.

O Logi oferece um conjunto rico de ferramentas de visualização de dados. Você pode encontrar de tudo, desde uma ampla variedade de modelos de gráficos até estilos CSS personalizados. Entender a variedade de configurações e opções pode ser bastante difícil. Primeiro, vamos criar um gráfico e uma tabela com as configurações padrão e dar um visual apresentável a eles usando o InterSystems Reports (com tecnologia do Logi Report).

Gráfico

Suponha que precisamos exibir três direções de dados de uma só vez em um gráfico. A origem de dados no nosso exemplo é products_count (número de apps por mês), m_UserID_distinct (número de membros) e TotalProducts (número total de apps). O resultado, nesse caso, é o gráfico abaixo.

Como você pode ver, o InterSystems Reports (com tecnologia do Logi Report) escolhe automaticamente as cores e configurações. No entanto, não estamos satisfeitos com os parâmetros padrão, porque queremos criar tudo por conta própria. Podemos fazer isso, já que é possível editar absolutamente todos os elementos do gráfico. Primeiro, vamos escolher cores mais vivas e informativas para as colunas e a curva. Para isso, clique duas vezes ou clique com o botão direito em qualquer coluna e selecione "Format 2D Bar" (Formatar barra 2D) no menu de contexto. Na janela exibida, selecione a guia "Fill" (Preencher), confira o item "Self Settings" (Configurações próprias) e verifique com atenção a parte "Normal Fill" (Preenchimento normal).

Clique em uma cor e escolha a mais adequada às suas necessidades. A paleta de cores entende as cores em formato HEX. Em nosso exemplo, será #2196F3 para o primeiro nível da Barra Empilhada e #4CAF50 para o segundo.

Já está melhorando! Agora precisamos definir a cor apropriada para a curva. Para fazer isso, clique duas vezes na curva. Na janela exibida, selecione a caixa "Self Settings" e escolha a cor no quadro "Fill". Em nosso exemplo, usamos preto.

Além disso, você pode marcar o item "Smoothed Line" (Linha suavizada) para deixar a dobra da curva mais suave nos vértices.

 Você pode clicar no botão "Apply" (Aplicar) e ver as mudanças imediatamente.

Ótimo! Definimos cores brilhantes e atrativas. Agora você pode personalizar o plano de fundo e as linhas de marcação. Vamos editar a linha de marcação inferior primeiro.

Para isso, clique duas vezes ou selecione "Format Category (X) Axis" (Formatar eixo de categoria [X]) no menu de contexto. Na janela exibida, acesse a guia "Axis" (Eixo) e, no quadro "Line" (Linha), clique em "Style" (Estilo) e selecione "Invisible" (Invisível).

Na mesma guia, é possível mudar o campo de categoria da data ao desmarcar a caixa de seleção "Auto" e selecionar o campo necessário na lista. Lembre-se de que a data alterada precisa estar na mesma dimensão.

Obtemos o gráfico a seguir.

Agora, é hora de remover as linhas dos rótulos em ambas as coordenadas Y. Para isso, clique na tabela e selecione "Format Value (Y) Axis" (Formatar eixo de valor [Y]) no menu.

No menu que aparece no quadro "Line", clique em "Style" e selecione "Invisible".

Também devemos repetir o mesmo procedimento para a segunda coordenada Y.

O resultado obtido é igual à tabela abaixo.

Está conciso, e não sobrecarregado, então vamos criar um quadro para ela. Para isso, selecione o menu "Format Paper" (Formatar papel) e acesse a guia "Border" (Borda) na janela que abrir. Depois, clique em "Border Type" (Tipo de borda) e escolha "Solid" (Sólida).

Selecione uma cor mais saturada no item "Color" (Cor) e clique em "OK".

Nessa parte, projetamos o gráfico e melhoramos a legibilidade, para não ficar sobrecarregado com detalhes. Você pode salvar o estilo resultante e usá-lo em gráficos futuros. Para isso, selecione "Save Style" (Salvar estilo) no menu de contexto da tabela.

Na janela exibida, selecione o símbolo * na primeira linha e clique em "OK". Na próxima janela, será necessário dar um nome para o novo estilo, então escolha o que você precisa e salve.

Depois disso, o novo estilo de design ficará disponível no menu de criação da tabela na guia "Style".

Tabela

Agora, vamos criar uma tabela com diversos indicadores. O InterSystems Reports (com tecnologia do Logi Report) fornece ferramentas poderosas para a edição refinada de tabelas. Vamos analisar algumas ferramentas básicas que podem ser úteis para você em análises de dados diárias.

Em nosso exemplo, temos uma tabela de quatro indicadores agrupados pela data numérica MonthYearNum (AAAAMM).

Não é nada representativa. A tabela ocupa muito espaço devido a todos os dados. Ainda assim, podemos consertar tudo facilmente. Vamos começar com o tamanho e o número de linhas. Primeiro, limite a quantidade de dados. Para isso, abra o "Table Wizard" (Assistente de tabela) e acesse a guia "Group" (Grupo). Selecione a dimensão de agrupamento dos dados (em nosso caso, será Month_Year_Num_calendarSol) e pressione "Select N" (Selecionar N).

Na janela exibida, selecione "Select N". Como temos a ordem "Descend" (Descendente), escolha "Top N". Em nosso caso, temos 6 linhas.

Após formar uma tabela, veremos apenas seis linhas. É exatamente o que precisamos.

O próximo passo será remover as colunas e linhas a mais. Vamos dispensar a coluna GC (Group Column, ou coluna do grupo) e as linhas GF (Group Footer, ou rodapé do grupo) e TF (Table Footer, ou rodapé da tabela).

Para isso, selecione a coluna ao clicar em GC e escolha o item "Hide Column" (Ocultar coluna) no menu. Devemos fazer a mesma coisa com as strings. Escolha GF e TF, uma de cada vez, e selecione "Hide" (Ocultar) no menu. Depois de ocultar a coluna GC, teremos a linha GH. Para esconder esta última, precisamos seguir o mesmo processo. Como resultamos, vamos obter uma tabela concisa que inclui apenas dados relevantes.

Agora, vamos mudar os rótulos e dar nomes pertinentes às colunas. Para isso, você precisa selecionar o rótulo primeiro. Em seguida, à direita de "Properties" (Propriedades), acesse a seção "Text Format" (Formato do texto), encontre o campo "Text" (Texto) e insira seu valor. Quando acabar, pressione Enter. Caso contrário, basta clicar duas vezes no rótulo e inserir o texto necessário.

Siga os mesmos passos descritos acima com o resto dos rótulos.

Quando todos os rótulos estiverem renomeados da maneira desejada, podemos finalmente definir as dimensões da tabela. Em nosso exemplo, a tabela será colocada à direita do gráfico, ou seja, precisamos encurtar as linhas o máximo possível. Os rótulos são o limite, então precisamos reduzir o tamanho pela metade. Para implementar isso, o InterSystems Reports (com tecnologia do Logi Report) desenvolveu uma funcionalidade de quebra de linhas. Para usar essa opção, segure o CTRL, selecione cada uma das colunas e, no lado direito de "Text Format", selecione "Word Wrap = True" (Quebra de linha = True).

 

Sua próxima etapa será alongar a altura das células. Para isso, selecione a linha ao pressionar TH e defina o valor "Height" (Altura) conforme necessário. Você pode ajustar a altura, testando valores diferentes, ou apenas alongar as células manualmente, passando o cursor sobre a borda entre as linhas até o ícone de seta aparecer. (Como mostra a prática, a definição do valor no campo "Height" é uma opção mais conveniente).

Depois de mudar a altura da linha, não se esqueça de aumentar o valor nas células da forma apropriada!

Tudo o que você precisa fazer é segurar o CTRL e, enquanto faz isso, repetir a seleção de cada valor na tabela. Em seguida, você também precisa configurar o valor "Height" no parâmetro definido ao lado direito (em nosso caso, será 0,46 polegadas).

Agora, você precisa reduzir a largura das células para transferir uma parte do nome para a linha seguinte. Para conseguir isso, precisamos destacar a linha TH (Table Header, ou cabeçalho da tabela).

Em seguida, acesse o "Inspector" (Inspetor) no lado direito e selecione as células apropriadas. Observe que não selecionamos o número de célula 50 porque ele foi oculto. Ainda assim, neste ponto, clique na linha "Table Header" novamente para desmarcá-lo, já que só precisamos redimensionar a "Table Cell" (Célula da Tabela).

Quando acabar, selecione o valor necessário ao mudá-lo no campo "Height". Em nosso caso, o tamanho é 0,8 polegadas.

Veja abaixo a tabela que você deve receber como resultado.

A próxima etapa é alinhar o texto dentro dos rótulos. Para isso, selecione novamente as células e escolha o alinhamento centralizado na guia "Format" no topo.

Nossa tabela já está quase pronta! A única parte que está faltando é a aplicação do preenchimento para os rótulos.
Destaque a linha novamente ao clicar no ícone TH.

Ao lado direito, prossiga para a seção "Color", encontre o campo "Background" (Plano de fundo) e mude a cor para outra opção arbitrária (em nosso caso, será 0x2196f3 - azul).

A parte restante é colocar a tabela ao lado do gráfico. Para isso, devemos diminuir o gráfico que criamos antes ao puxar o canto e colocá-lo na mesma altura que a tabela.

O resultado está ilustrado abaixo.

Neste artigo, analisamos as maneiras básicas de formatar gráficos e tabelas. Aprendemos como aplicar o preenchimento, mudar o tamanho de vários elementos, ajustar os valores dos rótulos e modificar o número de elementos do gráfico.