Creating sliders | Aide Qlik Cloud
Accéder au contenu principal Passer au contenu complémentaire
Ressources Qlik
Chargement de la recherche avec SearchUnify Si vous avez besoin d'aide avec votre produit, contactez le Support Qlik.
Qlik Customer Portal
Chargement de la recherche avec SearchUnify Si vous avez besoin d'aide avec votre produit, contactez le Support Qlik.
Qlik Customer Portal

Creating sliders

Last updated: 01/09/2026

You can add a slider on the sheet you are editing.

Procédez comme suit :

  1. Dans le panneau des ressources, ouvrez Graphiques.
  2. Under Dashboard objects, drag a Slider to the sheet.
  3. Under Data > Data type in the properties panel, choose whether the slider controls selections in a Field, or if it changes Variable values.

  4. Under Slider type, select one of the following:

    • Single value: The slider sets a single value or selection at a time.
    • Multi value: The slider can set value ranges, or make multiple selections at a time.

  5. Depending on your configuration, choose the Data, (field) or Variable, or Variables that the slider controls.

  6. Optionally, set the Number formatting for the field or variables. There are options for number, money, date, duration, custom, and expression-based number formats.

After creating the slider, you can customize it by adjusting other settings in the properties panel.

Setting ranges and step size

For variable sliders, you can set the minimum and maximum ranges between which the values of the variables can be changed. You can also adjust the step size to customize the number of intervals between the minimum and maximum values.

For sliders with one variable, the minimum and maximum values correspond to the variable being used. For sliders with two variables, the minimum value corresponds to the variable with the lower initial value. The maximum value corresponds to the variable with the higher initial value.

Procédez comme suit :

  1. In the properties panel, under Appearance > Presentation, set the Min slider range using a value or expression.

  2. Set the Max slider range using a value or expression.

  3. Optionally, turn Snap to step off if you want the slider to be able to smoothly move between values.

Allowing manual entry of values

You can allow users to enter text into input boxes on the slider, rather than selecting or changing values by dragging.

Procédez comme suit :

  1. In the properties panel, under Appearance > Presentation, turn on Manual value entry.

  2. Set the Text field position property to adjust the location of the input boxes on the slider. You can set this to Auto or select a specific location.

Customizing the slider scale

The slider scale can be customized with several settings in the properties panel.

Value distribution

For field sliders, you can change whether the axis is continuous or discrete. For variable sliders, this setting is always set to continuous.

Procédez comme suit :

  • In the properties panel, under Appearance > Presentation, set Value distribution to one of the following:

    • Continuous: Data points are separated to accurately show the distance in magnitude between each data point. Any missing values will be interpolated and shown on the axis—however, for field sliders, missing values cannot be selected with the slider. Continuous axes are useful, for example, for a time-based dimension with data that might not be measured over equal time intervals.

    • Discrete: Data points are separated by even intervals. This is useful for text-based dimensions, or for numeric or date data that is measured at even intervals.

Setting text visibility

Expand Appearance > Presentation > Scale in the properties panel. Here, you can set:

  • Show values: Choose whether to show or hide values between the minimum and maximum.

  • Show min/max: Choose whether to show or hide the minimum and maximum values.

Scale orientation

You can change between a horizontal and vertical chart orientation. This is configured under Appearance > Presentation > Orientation.

Customizing styling

Vous disposez d'un certain nombre d'options de style sous Aspect dans le panneau des propriétés.

Cliquez sur PaletteStyles sous Aspect > Présentation pour personnaliser davantage le style du graphique. Vous pouvez réinitialiser vos styles en cliquant sur Réinitialiser à côté de chaque section. Un clic sur Réinitialiser Réinitialiser tout réinitialise les styles de tous les onglets disponibles dans le panneau de style.

For general information about styling an individual visualization, see Application d'un style personnalisé à une visualisation.

Personnalisation du texte

Vous pouvez définir le texte du titre, du sous-titre et de la note de bas de page sous Aspect > Général. Pour masquer ces éléments, désactivez Afficher les titres.

La visibilité des différentes étiquettes du graphique dépend des options d'affichage des étiquettes et des paramètres propres au graphique. Il est possible de configurer ces options dans le panneau des propriétés.

Vous pouvez définir le style du texte qui apparaît sur le graphique.

Procédez comme suit :

  1. In the properties panel, expand the Appearance section.

  2. Under Appearance > Presentation, click PaletteStyling.

  3. Dans l'onglet Général, définissez la police, le style d'accentuation, la taille de police et la couleur des éléments de texte suivants :

    • Titre

    • Sous-titre

    • Note de bas de page

  4. On the Chart tab, set the font, font size, and color for the Value labels.

Customizing the slider track

Procédez comme suit :

  1. In the properties panel, expand the Appearance section.

  2. Under Appearance > Presentation, click PaletteStyling.

  3. On the Chart tab, expand Slider Track and customize the slider track appearance:

    • Selection color: Set the color of the selected portion of the slider track.
    • Background color: Set the background color of the slider track.
    • Border color: Set the border color of the slider track.

Customizing the manual input entry boxes

When Manual value entry is enabled on the slider, you can customize the appearance of the input value and input field boxes.

Procédez comme suit :

  1. In the properties panel, expand the Appearance section.

  2. Under Appearance > Presentation, click PaletteStyling.

  3. On the Chart tab, expand Input value and set the font, font size, and color for the input value text.

  4. Expand Input field and customize the input field appearance:

    • Border color: Set the border color of the input field.
    • Background color: Set the background color of the input field boxes.

Personnalisation de l'arrière-plan

Vous pouvez personnaliser l'arrière-plan du graphique. Pour l'arrière-plan, il est possible de définir une couleur et une image.

Procédez comme suit :

  1. Dans le panneau des propriétés, développez la section Aspect.

  2. Sous Aspect > Présentation, cliquez sur Palette Styles.

  3. Dans l'onglet Général du panneau de styles, vous pouvez sélectionner une couleur d'arrière-plan (une seule couleur ou expression). Vous pouvez également définir l'arrière-plan sur une image de votre bibliothèque multimédia ou d'une URL.

    Note Informations

    Pour pouvoir ajouter une image d'arrière-plan à partir d'une URL, il faut que l'origine soit ajoutée à la liste verte de la stratégie de sécurité de contenu de votre client. Ajoutez l'origine avec la directive img-src. Cette opération est effectuée dans le centre d'activités Administration par un administrateur.

    Pour plus d'informations, consultez Création d'une entrée CSP.

    Lors de l'utilisation d'une couleur d'arrière-plan, utilisez le curseur pour régler l'opacité de l'arrière-plan.

    Lors de l'utilisation d'une image d'arrière-plan, vous pouvez ajuster la taille et la position de l'image.

Personnalisation de la bordure et de l'ombre

Vous pouvez personnaliser la bordure et l'ombre du graphique.

Procédez comme suit :

  1. Dans le panneau des propriétés, développez la section Aspect.

  2. Sous Aspect > Présentation, cliquez sur PaletteStyles.

  3. Dans l'onglet Général du panneau de style, sous Bordure, ajustez la taille Contour pour augmenter ou diminuer les lignes de bordure autour du graphique.

  4. Sélectionnez une couleur pour la bordure.

  5. Ajustez le Rayon d'angle pour contrôler l'arrondi de la bordure.

  6. Sous Ombre dans l'onglet Général, sélectionnez une taille et une couleur d'ombre. Pour supprimer l'ombre, sélectionnez Aucune.

Configuring sorting

For variable sliders, the sorting of slider values cannot be changed because the slider defaults to a continuous dimension axis.

For field sliders, you can change whether you want a continuous or discrete distribution (see Value distribution). Similar to variable sliders, continuous value distribution does not allow custom sorting. If you choose to use a discrete value distribution, you can customize the sorting as follows.

Automatic sorting

Leave the Sorting setting to Auto to automatically sort values.

Custom sorting

Turn the Sorting setting to Custom to allow configuration of the following options:

  • Sort by expression: Select whether to sort in ascending or descending order, and specify the expression by which to sort.

  • Sort numerically: Select whether to sort by numeric value, in ascending or descending order.

  • Sort alphabetically: Select whether to sort in alphabetical order, in ascending or descending order.

 

En savoir plus

Cette page vous a-t-elle aidé ?

Si vous rencontrez des problèmes sur cette page ou dans son contenu – une faute de frappe, une étape manquante ou une erreur technique – faites-le-nous savoir.

Laissez vos commentaires ici