Criando contêineres 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. Contêiner de layout está incluído como parte do Dashboard bundle. Para obter mais informações, consulte Dashboard bundle.

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

Faça o seguinte:

1. No painel de ativos, abra Gráficos.

2. Em Objetos de painel, arraste Contêiner de layout para 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 de 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 de 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). Você também pode definir o plano de fundo como uma imagem da sua biblioteca de mídia ou de uma URL.

   Nota informativa

   Para adicionar uma imagem de fundo de uma URL, a origem da URL precisa ser adicionada à lista de permissões na Política de segurança de conteúdo de seu locatário. A origem deve ser adicionada com a seguinte Diretriz: img-src. Isso é feito por um administrador de locatários.

   Para obter mais informações, consulte Criando uma entrada da CSP.

   Ao usar uma cor de fundo, use o controle deslizante para ajustar a opacidade do fundo.

   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.