[[:progression_tiles|{{:wiki:flag_uk.png?45 }}]]

====== Description des tuiles de progression ======

Ceci est la page Wiki Need4Viz pour le graphique des tuiles de progression.

**Mise à jour pour N4V 2025.2.10**

===== Rendu =====

{{url>https://www.need4viz.com/dataviz/tileprog.html}}

===== Descriptif =====

  * Afficher un indicateur de progression (pourcentage) dans une série de tuiles. \\
  * Définissez les en-têtes et les pieds (facultatif) des tuiles au format brut ou HTML. \\
  * Lien hypertexte (ou opendocument) possible sur chaque tuile.
  * Indiquez la mesure et l'objectif (pour le calcul du pourcentage)
  * Possibilité d'utiliser la fonctionnalité des éléments liés sur ce graphique.

===== How-To Video =====

{{youtube>WV0nES0YxZM}}

===== Paramètres =====

  * //Header// : Dimension pour l'entête de la tuile
  * //Pied de tuile// : [optionnel] Dimension à afficher dans le pied de la tuile

  * //Mesure de progression// : Mesure représentant la progression
  * //Objectif// : Mesure représentant l'objectif (permet de calculer le pourcentage d'avancement). Si la mesure de progrès est déjà un pourcentage calculé, il suffit de remplir l'objectif avec la valeur fixe "=100"

===== Animations =====

  * Pas d'animation spécifique sauf si des fonctions HTML sont utilisées en en-tête/pied de page (opendoc, hyperlien...)

===== Navigation =====

Utilisez la fonction lien élément natif Webi pour faire interagir ce graphique avec d'autres éléments du même rapport (tableaux/graphiques natifs Webi et/ou graphiques Need4Viz).
La liaison d'éléments peut être définie sur tous les objets ou individuellement sur l'une des dimensions du graphe.

===== Paramètres =====

Vous pouvez trouver des instructions pour accéder aux paramètres des graphiques Need4viz : [[Format Custom Element | Paramètres étendus]].

Pour les tuiles Progression, les paramètres disponibles sont :

**Global**
  * **Palette et style**
    * //Général// : Vous pouvez utiliser l'outil palette pour définir les couleurs utilisées pour construire le graphique.

**Paramètres étendus**
  * **Global** -> Voir le guide de l'utilisateur pour la section "Global" [[global_extparam | ici]]

  * **Menu** -> Voir le guide d'utilisation de la section "Menu" [[menu_extparam | ici]]

  * **Options**
    * //Global// : Ce paramètre permet de définir le nombre de tuiles par ligne.
    * //Couleur// : Ce paramètre permet d'utiliser ou non le dégradé dans la tuile. Vous pouvez également spécifier d'utiliser une couleur unique pour les tuiles (au lieu d'affecter une couleur de la palette pour chaque tuile)
    * //Coins// : Ce paramètre vous permet de définir un rayon de coin pour les tuiles.
    * //Marges// : Ce paramètre permet d'afficher ou non les bordures des tuiles.
    * //Survol// : Paramètres permettant d'afficher un halo au survol de la tuile et de changer la forme du curseur (pour indiquer que la tuile est cliquable)
    * //Bordures// : Ce paramètre permet d'afficher ou non les bordures des tuiles.
    * //Scrollbar// : Ce paramètre permet d'afficher ou non la barre de défilement.
    * //Image de fond dans la tuile// : Vous pouvez définir une image optionnelle à afficher sur chaque tuile. L'image SVG peut être choisie dans la liste déroulante (même liste que celle utilisée pour les jauges d'images). L'image peut également être stockée localement sur le serveur Need4Viz (dans le dossier de l'application web N4VCustomElements : **N4VCustomElements\res\images**) ou être une URL. Dans ce cas, définissez-la comme **URL("http://votre_url/votre_image")**. Le format de l'image peut être SVG, PNG, JPG… Utilisez les paramètres pour positionner et dimensionner l'image à votre guise sur la tuile. Vous pouvez également définir votre propre chemin SVG. En cas de SVG (personnalisé ou dans la liste), vous pouvez modifier sa couleur et appliquer un dégradé.

  * **Sélection** -> Voir le guide utilisateur de la section "Sélection" [[drill_extparam | ici]]

  * **Contrôles** -> Voir le guide d'utilisation de la rubrique "Contrôles" [[control_extparam | ici]]

  * **Entête**
    * //Affichage texte d'en-tête// : Ce paramètre permet de définir la position et la police du titre dans l'en-tête de la tuile. Vous pouvez également fixer la hauteur et le rembourrage (espaces autour du texte) du bloc d'en-tête (titre de la tuile). La hauteur de la ligne peut également être modifiée ici.
    * //Affichage de la mesure principale// : Ce paramètre permet de choisir la mesure à afficher (valeur de la mesure d'origine ou pourcentage de progression calculé). Vous pouvez également définir la position et la police de la mesure, et choisir de fixer ou non la couleur de la mesure (selon la couleur de la barre de progression). Vous pouvez également fixer le rembourrage haut et bas (espaces autour du texte) du bloc de mesure principal (zone médiane de la tuile).

  * **Jauge**
    * //Épaisseur jauge// : Ce paramètre vous permet de choisir la taille de la jauge.
    * //Zones de couleurs// : Ce paramètre permet de définir l'intervalle min et max pour chaque zone ainsi que sa couleur.

  * **Pied**
    * //Affichage du pied// : Définit ici la hauteur du bloc pied de page. Définissez la couleur du pied (couleur foncée et couleur de pied unique pour toutes les tuiles). Vous pouvez également choisir le style d'écriture des mesures dans le pied (mesure 1 et valeurs cibles).
    * //Bloc 'Mesure'// : Vous pouvez choisir ici d'afficher ou non le bloc mesure. Si la valeur d'origine est choisie pour être affichée comme mesure principale, le pourcentage est affiché ici, sinon c'est la mesure d'origine. Vous pouvez définir une étiquette à afficher au-dessus de la mesure.
    * //Bloc 'Objectif'// : Vous pouvez choisir ici d'afficher ou non le bloc objectif. Vous pouvez définir un libellé à afficher au-dessus de la mesure.
    * //Bloc 'Dimension de pied'// : Ce paramètre vous permet de choisir le style d'écriture de la dimension du pied de tuile et sa position dans le pied de tuile (gauche ou droite). Vous pouvez également définir une étiquette à afficher en haut de la dimension du pied de tuile.

  * **Mesures**
    * //Affichage des mesures// : Ce paramètre permet de choisir la précision et l'unité de mesure. Le format d'affichage de la mesure (standard - ex. : 2 345.67, compact - ex. : 2.3K ou compact long - ex. : 2.3 milliers) peut également être défini.

**Export Serveur ** -> Voir le guide utilisateur pour la section "Export Serveur" [[format_export_html | ici]]

**Export FTP** -> Voir le guide utilisateur de la rubrique "Export FTP" [[format_export_ftp | ici]]

**Export SharePoint** -> Voir le guide de l'utilisateur pour la section "Export SharePoint" [[format_export_sharepoint | ici]]

===== Articles connexes =====

Articles de la base de connaissances pour obtenir plus d'informations :

  * Comment utiliser une image personnalisée en tendance ou une vignette de progression : [[https://www.need4viz.com/support/kb/faq.php?id=24|Ici]]