Animador
O controle do Animator anima as alterações nos valores das suas visualizações em uma faixa de valores. Por exemplo, você pode ver alterações nas suas visualizações ao longo de um período de tempo. Isso está incluído no pacote Dashboard.
O controle do Animator adiciona um botão e um controle deslizante de progresso à pasta. Quando pressionado, o animador percorre os valores de sua dimensão. Os usuários podem usar o controle deslizante para selecionar manualmente os valores da dimensão a serem exibidos.
Quando usar
O animador é útil quando você deseja ver suas visualizações mudarem em um intervalo especificado, como ao longo de um período de tempo. Por exemplo, você pode usar o controle do Animator para exibir como as visualizações na sua pasta mudam de mês a mês no decorrer de um ano. O animador pode ser usado para animar quaisquer valores de dimensão. Por exemplo, você pode animar como as suas visualizações de vendas mudam de cidade para cidade, selecionando uma dimensão contendo valores de cidades para uso com o animador.
As seleções feitas pelo animador enquanto ele percorre os valores são aplicadas às suas seleções atuais.
Criando animadores
Você pode criar um animador na pasta que está editando. A dimensão selecionada para uso com esse animador contém o intervalo de valores que você deseja animar. Por padrão, cada valor da dimensão será usado como uma etapa. É possível personalizar o número de etapas usadas na animação, bem como a rapidez com que o animador move-se entre elas. O animador percorre os valores das dimensões com base na ordem em Classificação.
Faça o seguinte:
- No painel de ativos do modo de edição avançada, abra Objetos personalizados > Dashboard bundle e arraste um objeto do Animator até a pasta.
- Selecione um campo para adicionar como dimensão.
Depois de criar o animador, talvez você queira ajustar suas opções de animação e outras configurações.
Definindo opções do animador
As opções do animador são definidas em Opções do animador no painel Propriedades.
Você pode controlar a velocidade com que um animador faz a transição entre valores na dimensão selecionada em Tempo entre etapas. Tempo entre etapas requer que os valores sejam definidos em milissegundos.
Não é recomendado definir um Tempo entre etapas inferior a 300 milissegundos.
É possível definir o total de etapas executadas pelo animador em Total de etapas. O animador dividirá o total de etapas igualmente entre os valores de dimensão. Por exemplo, se houver 10 valores na dimensão de tempo selecionada e o Total de etapas estiver definido como 5, o animador acessará os valores 2, 4, 6, 8, 10. Se Total de etapas for definido como 0, o animador usará todos os valores.
Se você deseja que a animação mostre a construção total ao longo do tempo para os valores selecionados, selecione Agregar. Quando a opção Agregar é selecionada, cada etapa é agregada à etapa anterior.
Por padrão, o animador executará as etapas em um loop. É possível controlar isso com a opção Loop.
Você pode controlar se a dimensão e o valor atual são exibidos no animador conforme ele é executado com Mostrar rótulo de dimensão e Mostrar valor de dimensão.
Personalizando o estilo
Com as Opções avançadas ativadas, você tem várias opções de estilo disponíveis em Aparência no painel de propriedades.
Clique em Estilo em Aparência > Apresentação para personalizar ainda mais o estilo do gráfico. Você pode redefinir seus estilos clicando em ao lado de cada seção. Clique em Redefinir tudo para redefinir os estilos de todas as guias disponíveis no painel de guias.
Para obter informações gerais sobre o estilo de uma visualização individual, consulte Aplicando estilo personalizado a uma visualização.
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:
-
Clique em Opções avançadas.
-
No painel propriedades, expanda a seção Aparência.
-
Em Aparência > Apresentação, clique em Estilo.
-
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:
-
Clique em Opções avançadas.
-
No painel propriedades, expanda a seção Aparência.
-
Em Aparência > Apresentação, clique em Estilo.
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 informativaPara adicionar uma imagem de fundo de uma URL, a origem da URL precisa ser adicionada à lista de permissões na Content Security Policy 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 de 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:
-
Clique em Opções avançadas.
-
No painel propriedades, expanda a seção Aparência.
-
Em Aparência > Apresentação, clique em Estilo.
-
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.
-
Selecione uma cor para a borda.
-
Ajuste o Raio do canto para controlar o arredondamento da borda.
-
Em Sobra na guia Geral, selecione um tamanho e uma cor para a sombra. Selecione Nenhum para remover a sombra.
Limitações
O animador tem as seguintes limitações:
- O animador não oferece suporte a dimensões hierárquicas como dimensão.
- O animador não oferece suporte à animação de gráficos de treliça.