# Criando controles deslizantes

Você pode adicionar um controle deslizante na pasta que está editando.

Faça o seguinte:

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

2. Em Objetos de painel, arraste um Controle deslizante para a pasta.

3. Em Dados > Tipo de dados no painel de propriedades, escolha se o controle deslizante controla seleções em um Campo, ou se ele altera os valores de Variável.

4. Em Tipo de controle deslizante, selecione uma das seguintes opções:

   * Valor único: o controle deslizante define um único valor ou seleção por vez.
   * Vários valores: o controle deslizante pode definir intervalos de valores ou fazer várias seleções por vez.

5. Dependendo da sua configuração, escolha os Dados, (campo) ou Variável, ou Variáveis que o controle deslizante controla.

6. Opcionalmente, defina a Formatação de número para o campo ou variáveis. Há opções para formatos de número, moeda, data, duração, personalizados e baseados em expressão.

Após criar o controle deslizante, você pode personalizá-lo ajustando outras configurações no painel de propriedades.

## Definindo intervalos e tamanho da etapa

Para controles deslizantes de variáveis, você pode definir os intervalos mínimo e máximo entre os quais os valores das variáveis podem ser alterados. Você também pode ajustar o tamanho do passo para personalizar o número de intervalos entre os valores mínimo e máximo.

Para controles deslizantes com uma variável, os valores mínimo e máximo correspondem à variável que está sendo usada. Para controles deslizantes com duas variáveis, o valor mínimo corresponde à variável com o valor inicial mais baixo. O valor máximo corresponde à variável com o valor inicial mais alto.

Faça o seguinte:

1. No painel de propriedades, em Aparência > Apresentação, defina o Intervalo mínimo do controle deslizante usando um valor ou expressão.

2. Defina o intervalo máximo do controle deslizante usando um valor ou expressão.

3. Opcionalmente, desative Ajustar à etapa se quiser que o controle deslizante possa se mover suavemente entre os valores.

## Permitindo a entrada manual de valores

Você pode permitir que os usuários insiram texto nas caixas de entrada do controle deslizante, em vez de selecionar ou alterar valores arrastando.

Faça o seguinte:

1. No painel de propriedades, em Aparência > Apresentação, ative a Entrada manual de valor.

2. Defina a propriedade Posição do campo de texto para ajustar a localização das caixas de entrada no controle deslizante. Você pode definir isso como Automático ou selecionar uma localização específica.

## Personalizando a escala do controle deslizante

A escala do controle deslizante pode ser personalizada com várias configurações no painel de propriedades.

### Distribuição de valores

Para controles deslizantes de campo, você pode alterar se o eixo é contínuo ou discreto. Para controles deslizantes de variável, essa configuração é sempre definida como contínua.

Faça o seguinte:

* No painel de propriedades, em Aparência > Apresentação, defina Distribuição de valor como uma das seguintes opções:

  * Contínuo: os pontos de dados são separados para mostrar com precisão a distância em magnitude entre cada ponto de dados. Quaisquer valores ausentes serão interpolados e mostrados no eixo — no entanto, para controles deslizantes de campo, os valores ausentes não podem ser selecionados com o controle deslizante. Eixos contínuos são úteis, por exemplo, para uma dimensão baseada em tempo com dados que podem não ser medidos em intervalos de tempo iguais.

  * Discreto: os pontos de dados são separados por intervalos iguais. Isso é útil para dimensões baseadas em texto, ou para dados numéricos ou de data que são medidos em intervalos iguais.

### Definindo a visibilidade do texto

Expanda Aparência > Apresentação > Escala no painel de propriedades. Aqui, você pode definir:

* Mostrar valores: escolha se deseja mostrar ou ocultar valores entre o mínimo e o máximo.

* Mostrar mín/máx: escolha se deseja mostrar ou ocultar os valores mínimo e máximo.

### Orientação da escala

Você pode alternar entre uma orientação de gráfico horizontal e vertical. Isso é configurado em Aparência > Apresentação > Orientação.

## Personalizando o estilo

Você tem várias opções de estilo disponíveis em Aparência no painel de propriedades.

Clique em the Estilo icon em Aparência > Apresentação para personalizar ainda mais o estilo do gráfico. Você pode redefinir seus estilos clicando em ![Redefinir](https://help.qlik.com/pt-BR/cloud-services/Subsystems/Hub/Content/Resources/Images/Icons/reset.svg) ao lado de cada seção. Clique em ![Redefinir](https://help.qlik.com/pt-BR/cloud-services/Subsystems/Hub/Content/Resources/Images/Icons/reset.svg) 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](https://help.qlik.com/pt-BR/cloud-services/Subsystems/Hub/Content/Sense_Hub/Visualizations/style-visualization.htm).

### 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 the Estilo icon.

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é

4. Na guia Gráfico, defina a fonte, o tamanho da fonte e a cor para Rótulos de valor.

### Personalizando a trilha do controle deslizante

Faça o seguinte:

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

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

3. Na guia Gráfico, expanda Trilha do Controle Deslizante e personalize a aparência da trilha do controle deslizante:

   * Cor da seleção: defina a cor da parte selecionada da trilha do controle deslizante.
   * Cor de fundo: defina a cor de fundo da trilha do controle deslizante.
   * Cor da borda: defina a cor da borda da trilha do controle deslizante.

### Personalizando as caixas de entrada manual

Quando Entrada de valor manual está ativada no controle deslizante, você pode personalizar a aparência dos campos de valor de entrada e de entrada.

Faça o seguinte:

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

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

3. Na guia Gráfico, expanda Valor de entrada e defina a fonte, o tamanho da fonte e a cor do texto do valor de entrada.

4. Expanda Campo de entrada e personalize a aparência do campo de entrada:

   * Cor da borda: defina a cor da borda do campo de entrada.
   * Cor de fundo: defina a cor de fundo das caixas do campo de entrada.

### 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 de propriedades, expanda a seção Aparência.

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

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 precisa ser adicionada à lista de permissões na Política de segurança de conteúdo de seu locatário. Adicione a origem com a diretiva img-src. Isso é feito no centro de atividades de Administração por um administrador.

   Para obter mais informações, consulte [Criando uma entrada da CSP](https://help.qlik.com/pt-BR/cloud-services/Subsystems/Hub/Content/Sense_Hub/Admin/mc-administer-content-security-policy.htm#AddEntry).

   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 the Estilo icon.

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.

## Configurando a classificação

Para controles deslizantes de variável, a classificação dos valores do controle deslizante não pode ser alterada porque o controle deslizante assume como padrão um eixo de dimensão contínuo.

Para controles deslizantes de campo, você pode alterar se deseja uma distribuição contínua ou discreta (consulte [Distribuição de valores](https://help.qlik.com/pt-BR/cloud-services/Subsystems/Hub/Content/Sense_Hub/Visualizations/Slider/create-sliders.htm#ValueDist)). Semelhantemente aos controles deslizantes de variável, a distribuição de valor contínuo não permite classificação personalizada. Se você optar por usar uma distribuição de valor discreto, poderá personalizar a classificação da seguinte forma.

### Classificação automática

Deixe a configuração de Classificação como Automático para classificar valores automaticamente.

### Classificação personalizada

Defina a configuração de Classificação como Personalizada para permitir a configuração das seguintes opções:

* Classificar por expressão: selecione se deseja classificar em ordem crescente ou decrescente e especifique a expressão pela qual classificar.

* Classificar numericamente: selecione se deseja classificar por valor numérico, em ordem crescente ou decrescente.

* Classificar em ordem alfabética: selecione se deseja classificar em ordem alfabética, em ordem crescente ou decrescente.

## Saiba mais

* [Controle deslizante](https://help.qlik.com/pt-BR/cloud-services/Subsystems/Hub/Content/Sense_Hub/Visualizations/Slider/slider.htm)