Contêiner de layout

Os contêineres de layout permitem adicionar visualizações em um espaço limitado. Você também pode mostrar ou ocultar as visualizações dentro do contêiner de layout com base nas condições.

Um contêiner de layout pode conter uma variedade de visualizações enquanto ocupa uma pequena quantidade de espaço em uma pasta. Quando expandido para pasta inteira, cada gráfico também se expande.

Quando usar

O contêiner de layout é útil quando você deseja criar uma exibição personalizada contendo vários gráficos como uma única unidade. Ao contrário do contêiner, que usa guias para percorrer os gráficos, o contêiner de layout é um espaço onde você pode personalizar seu próprio layout dos gráficos no contêiner de layout. Como o contêiner de layout oferece uma organização de visualizações semelhante a uma pasta, você pode armazenar funcionalmente várias pastas em uma pasta que pode ser expandida para obter mais detalhes.

Você pode colocar visualizações umas sobre as outras. Você pode usar condições no contêiner de layout para controlar quais visualizações serão exibidas. Por exemplo, você pode mostrar visualizações com base em:

• Em qual usuário está acessando o gráfico.
• No valor de uma variável.

Como prática recomendada, esteja ciente de que quanto mais visualizações forem adicionadas a um contêiner, mais tempo poderá levar para exibi-las. O excesso de objetos em um contêiner de layout também pode sobrecarregar o usuário e tornar o aplicativo mais lento para renderizar as visualizações.

Criando um contêiner

Você pode criar um contêiner na pasta que está editando.

Faça o seguinte:

• No painel de ativos do modo de edição avançada, abra Objetos personalizados > Dashboard bundle e arraste o Layout container até a pasta.

Agora você tem um contêiner de layout. Você pode começar a adicionar e configurar gráficos em seu contêiner de layout.

Adicionando gráficos a um contêiner de layout

Faça o seguinte:

1. Selecione um contêiner de layout.

2. Clique em Add em Content no painel de propriedades.

   Como alternativa, clique em Add content no contêiner de layout.

3. Selecione uma visualização em Charts.

4. Clique em Add dimension e em Add measure para adicionar dados ao gráfico.

5. Para redimensionar o gráfico, siga um destes procedimentos:
   • Clique e arraste os cantos ou bordas do gráfico.
   • Nas propriedades, insira a largura e a altura do gráfico em porcentagem.

6. Para reposicionar o gráfico, siga um destes procedimentos:

   • Clique e arraste o gráfico para a posição.

   • Nas propriedades, insira as posições dos eixos x e y do gráfico, em porcentagem.

   Para mostrar linhas de grade para layout, em propriedades, em Apresentação > Estilo, ative Mostrar linhas de grade. Você também pode definir o número de linhas e colunas na grade e ajustar as visualizações às linhas da grade.

   Para manter os gráficos dentro das bordas do contêiner de layout, em Apresentação > Estilo, ative Manter gráficos dentro dos limites.

7. Para reordenar as camadas de visualizações no contêiner de layout, clique com o botão direito na visualização no contêiner de layout, selecione Reordenar camadas de bate-papo e escolha avançar ou retroceder a visualização. Como alternativa, clique e arraste as visualizações no painel de propriedades.
8. Para configurar o gráfico com todas as propriedades disponíveis para esse tipo de gráfico, clique em Edit properties.
9. Repita para quaisquer gráficos adicionais que você deseja adicionar ao contêiner de layout.

Adicionando condições de exibição

Você pode adicionar condições de exibição nas guias que você criou.

Faça o seguinte:

1. Clique no gráfico ao qual você deseja adicionar uma condição de exibição, Content no painel de propriedades.

2. Adicione uma condição de exibição para o gráfico em Show condition. Normalmente, você usaria uma função If().

   Consulte if – função de script e gráfico.

3. Adicione outra condição de exibição a um gráfico diferente.

   Agora, os gráficos serão mostrados ou ocultados, dependendo do resultado das condições que você adicionou. Se a condição de um gráfico resultar em True, ela será mostrada e, se for 0, ficará oculta.

Personalizando o texto

Você pode definir o texto do título, subtítulo e nota de rodapé em Aparência > Geral. Para ocultar esses elementos, desative Mostrar títulos.

A visibilidade dos diferentes rótulos no gráfico depende das configurações específicas do gráfico e das opções de exibição do rótulo. Esses podem ser configurados no painel de propriedades.

Você pode estilizar o texto que aparece no gráfico.

Faça o seguinte:

1. No painel propriedades, expanda a seção Aparência.

2. Em Aparência > Apresentação, clique em Estilo.

3. Na guia Geral, defina a fonte, o estilo de ênfase, o tamanho da fonte e a cor dos seguintes elementos de texto:

   • Título

   • Subtítulo

   • Nota de rodapé

Personalizando o plano de fundo

Você pode personalizar o plano de fundo do gráfico. O plano de fundo pode ser definido por cor e imagem.

Faça o seguinte:

1. No painel propriedades, expanda a seção Aparência.

2. Em Aparência > Apresentação, clique em Estilo.

3. Na guia Geral do painel de estilo, você pode selecionar uma cor de fundo (cor única ou expressão) e também definir o fundo para uma imagem de sua biblioteca de mídia.

   Ao usar uma imagem de fundo, você pode ajustar o tamanho e a posição da imagem.

Personalizando a borda e a sombra

Você pode personalizar a borda e a sombra do gráfico.

Faça o seguinte:

1. No painel propriedades, expanda a seção Aparência.

2. Em Aparência > Apresentação, clique em Estilo.

3. Na guia Geral do painel de estilo, em Borda, ajuste o tamanho do Contorno para aumentar ou diminuir as linhas da borda ao redor do gráfico.

4. Selecione uma cor para a borda.

5. Ajuste o Raio do canto para controlar o arredondamento da borda.

6. Em Sobra na guia Geral, selecione um tamanho e uma cor para a sombra. Selecione Nenhum para remover a sombra.

Limitações

Os contêineres de layout têm as seguintes limitações:

• Você não pode criar um gráfico dentro de um contêiner de layout soltando medidas ou dimensões no contêiner.
• Você não pode adicionar um contêiner, um contêiner de treliça ou um contêiner de layout dentro de um contêiner de layout.
• Os atalhos de teclado não são suportados para copiar e colar gráficos em um contêiner de layout.