Widget Advanced Line Chart

Modifié le 28/05/2022 10:52

Apps - Widget - Advanced Line Chart icon.png Ce type de widget appartient à la catégorie Dashboards de la bibliothèque des widgets. Pour une mesure donnée, il permet de représenter une évolution sous forme de segments de droite reliant entre elles les valeurs d'une dimension. Il est particulièrement adapté aux dimensions chronologiques.

De nombreuses propriétés permettent de mettre en forme le graphique : affichage et formatage du titre du graphique et des axes, positionnement de la légende, palette de couleurs des colonnes, formatage des étiquettes des axes, affichage d'info-bulles, ...

Exemples

Représentation du Nombre d'incidents par jour ouvré sur les 6 dernières semaines

Les données du fichier CSV

  • la dimension = 6 semaines
  • la mesure = Nombre d'incidents
    Note : Le datasource comprend plusieurs mesures ; celles souhaitées (les jours ouvrés de la semaine) sont sélectionnées via le Data Transformer.
             Download Zip icon.png  Téléchargez  Exemple (fichier CSV)

Différentes représentations via un graphique à lignes

Fond du graphique en couleur - Info-bulles - Quadrillage horizontal - Décalage des étiquettes des dimensions Affichage en 3 dimensions - Quadrillage horizontal et vertical
Advanced line chart - Example 1.png Advanced line chart - Example 2.png

Remarques

   Open url.png  voir Remarques générales sur les widgets

  • Il y a autant de lignes qu'il y a d'éléments de dimension. Chaque ligne est représentée par une couleur différente précisée dans la légende.
  • L'échelle de l'axe des mesures peut être définie manuellement. Par défaut, elle débute à 0 et se prolonge jusqu'à la valeur maximale des mesures sélectionnées. 
  • En mode Exécution, la légende sert de filtre dynamique des données (clic sur le libellé).

Best Practice big icon.pngBonnes pratiques

  • Utilisez ce graphique pour mettre en évidence l'écoulement du temps ou le taux de variation.
  • Pour mettre en valeur la grandeur des variations ou les volumes de chaque mesure, utilisez un graphique en aires (widget Advanced Area Chart.
  • Sélectionnez les mesures souhaitées via le Data Transformer. Sinon, elles sont automatiquement toutes traitées.
  • Si votre datasource contient beaucoup de mesures et plusieurs dimensions, votre graphique risque d'être illisible. Dans ce cas, ne sélectionnez que les mesures les plus significatives.
  • Si vos données présentent peu de variations, les lignes risquent de se superposer et d'être difficiles à distinguer. Dans ce cas, ne sélectionnez que les mesures les plus significatives.
  • Pour affiner le pas des graduations sur l'axe des mesures, augmentez la hauteur du widget.

Liste des propriétés

Content

DataSource

DataSource : Source de données externes liée au widget. 

  • La liste déroulante affiche tous les datasources disponibles dans l'application. 
  • Pour modifier le datasource ou visualiser son contenu, cliquez sur Apps - Edit icon.png. Le bouton Apps - datasources Properties - Preview button.png sous la propriété Configure Field Types affiche le nombre de lignes (maximum 15) et de colonnes extraites.
  • Pour définir un nouveau datasource, cliquez sur Apps - Add datasource icon.png Add Data Source dans le volet Objets.
DataTransformer

Data Transformer : Permet de définir la structure et le périmètre du datasource, d'appliquer des fonctions d'agrégation statistiques et de modifier l'ordre d'affichage des mesures.

  • Cliquez sur Setup / Preview Data sous la propriété Data Transformer pour ouvrir la fenêtre dédiée -  Open url.png  voir Description
EnableDrilldown

Enable Drilldown (Note : Uniquement sur un datasource EasyVista utilisant une vue avec ruptures) : Indique si les données sont agrégées (case cochée - la fonctionnalité de drill-down est activée), ou non (case non cochée).

exemple   Widget Breadcrumbs : Répartition des matériels par localisation

Best Practice icon.png  

  • Ne cochez pas la case lorsque vous souhaitez que le widget présente le détail d'un niveau de rupture.
  • Ajoutez un widget Breadcrumbs pour aider à la navigation entre les différents niveaux de rupture.

Data

SortByValueDescending

Sort By Value Descending : Permet de trier les valeurs des éléments de dimension par ordre descendant (case cochée - de la plus grande valeur à la plus petite valeur) ou par ordre de lecture du datasource (case non cochée). Note : L'ordre appliqué est toujours déterminé par les éléments de dimension de la première mesure du datasource.

: Diagramme à barres des incidents et des demandes par employé

Le datasource comprend une dimension Service avec 3 éléments. Sort By Value Descending - Example - Datasource.png

Case cochée Case non cochée

Sort By Value Descending - Example - Sort value - On.png

Les éléments de dimension de chaque mesure sont triés par ordre descendant.

Sort By Value Descending - Example - Sort value - Off.png

Les éléments de dimension de chaque mesure sont affichés suivant l'ordre du datasource.

FirstRowContainsDimensionElements

First Row Contains Dimension Elements : Permet de spécifier la structure du datasource, en indiquant si les éléments de dimension se situent dans la première colonne (case non cochée : structure habituelle du datasource) ou sur la première ligne (case cochée). Note : Cette propriété ne modifie pas le comportement du Data Transformer.

MaximumNumberOfData

Maximum Number Of Data : Pour chaque mesure sélectionnée dans le datasource, indique le nombre maximal d'éléments de dimension à charger depuis le datasource.

Best Practice icon.png  Renseignez cette propriété pour éviter des problèmes de performance sur de gros ensembles de données.

  • Le comptage est toujours effectué à partir du premier élément de dimension.
  • Lorsque le nombre d'éléments de dimension à charger est supérieur au nombre d'éléments de dimension du datasource, tout le datasource est chargé.
  • Pour visualiser le datasource, cliquez sur Apps - Edit icon.png en regard de la propriété Datasource, puis sur le bouton Apps - datasources Properties - Preview button.png sous la propriété Preview qui indique le nombre de mesures et le nombre d'éléments de dimension par mesure.

: Diagramme à barres des incidents et des demandes par employé

Le datasource comprend une dimension Service avec 3 éléments. Sort By Value Descending - Example - Datasource.png

Maximum Number Of Data = 20 (valeur par défaut) Maximum Number Of Displayed Data = 20 (valeur par défaut)
Maximum Number Of Data = 2 Maximum Number Of Displayed Data = 20 (valeur par défaut)
Maximum Number Of Data = 20 (valeur par défaut) Maximum Number Of Displayed Data = 1

Sort By Value Descending - Example - Number Data - All.png

Pour chaque mesure, tous les éléments de dimension sont chargés et affichés, i.e. les 3 services

Sort By Value Descending - Example - Number Data - Part.png

Pour chaque mesure, seuls les 2 premiers éléments de dimension sont chargés et affichés, i.e. les 2 premiers services

Sort By Value Descending - Example - Displayed Data - Part.png

Pour chaque mesure, tous les éléments de dimension sont chargés mais seul le premier élément est affiché, correspondant au service Ventes ; un élément de dimension Autres est ajouté, correspondant aux services Marketing et Administration

MaximumNumberOfDisplayedData

Maximum Number Of Displayed Data : Pour chaque mesure sélectionnée dans le datasource, indique le nombre maximal d'éléments de dimension à afficher, pour éviter que le graphique ne devienne illisible.

exemple   Afficher un diagramme à barres des incidents et des demandes par employé  - Open url.png voir champ Maximum Number Of Data

  • Le comptage est toujours effectué à partir du premier élément de dimension.
  • Lorsque le nombre d'éléments de dimension à afficher est inférieur au nombre d'éléments de dimension à charger, un élément de dimension Autres est ajouté automatiquement au diagramme : il comprend le cumul des valeurs de tous les éléments de dimension non affichés.

Charts

AdvancedDashboards_Charts_3Dimensions

3d : Indique si le graphique doit être affiché en 3 dimensions, avec un effet de profondeur (case cochée) ou en 2 dimensions (graphique plat - case non cochée).

X Axis

AdvancedDashboards_XAxis

Axis Position : Position de l'axe des dimensions. Note : Le nom de l'axe est également impacté par le positionnement.

  • Top : Axe en haut du graphique ; le nom est affiché au-dessus de l'axe.
  • Bottom : Axe en bas du graphique ; le nom est affiché en-dessous de l'axe.
En haut (option Top) En bas (option Bottom)
Apps - widgets Advanced Dashboards - X Axis position top.png Apps - widgets Advanced Dashboards - X Axis position bottom.png

Axis Color (Inherit) : Couleur de l'axe des dimensions.
 

Tickmarks Color (Inherit) : Couleur des graduations de l'axe des dimensions.

          Apps - widgets Advanced Dashboards - X Axis colors.png
 

Display Axis Name : Indique si le nom de l'axe des dimensions doit être affiché (case cochée - saisissez le nom dans la zone Axis Name), ou non (case non cochée).

  • Le nom est positionné en haut ou en bas du graphique, suivant la valeur de la propriété Axis Position.
Nom de l'axe affiché en haut (case cochée - Axis Position = Top) Nom de l'axe affiché en bas (case cochée - Axis Position = Bottom)
Apps - widgets Advanced Dashboards - X Axis name - Position top.png Apps - widgets Advanced Dashboards - X Axis name - Position bottom.png

Format d'affichage du nom de l'axe : police, couleur de fond et du texte, ...

PageGeneralFormat
Font Family (Inherit) Police de caractères du texte de l'objet, sélectionnée via Select Font Graphic properties - General format.png
Size Taille de la police de caractères, qui peut être sélectionnée via la réglette ou saisie directement dans la zone
Alignment (Inherit) Alignement du texte de l'objet (Gauche / Centré / Droite / Justifié)
Style (Inherit) Attributs de caractères du texte de l'objet (Gras / Italique / Souligné)
Background Color (Inherit) Couleur de fond de l'objet
Text Color (Inherit) Couleur du texte affiché par l'objet

Note : Le formatage du texte défini via l'éditeur de texte est prioritaire sur cette couleur

X Axis Label

AdvancedDashboards_XAxisLabel

Display Axis Label : Indique si les étiquettes de l'axe des mesures doivent être affichées (case cochée - les libellés sont ceux contenus dans la source de données), ou non (case non cochée).
         Apps - widgets Advanced Dashboards - X Axis label.png

  • Définissez le format d'affichage via les propriétés ci-dessous.
     

Stagger Mode (Note : Uniquement si la case Display Axis Label est cochée) : En fonction de la taille du support d'affichage (smartphone, tablette, ...), certaines étiquettes sont omises afin de tenir sur une seule ligne. Pour afficher toutes les étiquettes, de façon décalée sur 2 lignes, cochez la case.

Affichage sur une ligne (case non cochée) Affichage en décalé sur 2 lignes (case cochée)
Apps - widgets Advanced Dashboards - X Axis label.png Apps - widgets Advanced Dashboards - X Axis label - Stagger on.png

Note : Pour afficher toutes les étiquettes sur une seule ligne, vous pouvez également :

  • les incliner via la propriété Is Rotate ;
  • abréger les libellés via la propriété Label Length.

Label Length (Note : Uniquement si la case Display Axis Label est cochée) : Indique si les étiquettes de l'axe des dimensions doivent être abrégées (case cochée - indiquez le nombre de caractères de chaque étiquette via la zone Truncate Value), ou non (case non cochée).

Étiquettes abrégées (case cochée - Truncate value = 4) Étiquettes non abrégées (case non cochée)
Apps - widgets Advanced Dashboards - X Axis Label length on.png Apps - widgets Advanced Dashboards - X Axis Label length off.png

Note : La propriété Is Rotate est active.

Is Rotate (Note : Uniquement si la case Display Axis Label est cochée) : Indique si les étiquettes de l'axe des dimensions doivent être inclinées (case cochée - définissez la valeur de l'inclinaison via la zone Rotate value) ou affichées horizontalement (case non cochée).

  • Une valeur négative permet une inclinaison vers la droite.
  • Une valeur positive permet une inclinaison vers la gauche.
  • La valeur 0 indique aucune inclinaison.

          Apps - widgets Dashboards - X Axis label rotate value.png

PageGeneralFormat
Font Family (Inherit) Police de caractères du texte de l'objet, sélectionnée via Select Font Graphic properties - General format.png
Size Taille de la police de caractères, qui peut être sélectionnée via la réglette ou saisie directement dans la zone
Alignment (Inherit) Alignement du texte de l'objet (Gauche / Centré / Droite / Justifié)
Style (Inherit) Attributs de caractères du texte de l'objet (Gras / Italique / Souligné)
Background Color (Inherit) Couleur de fond de l'objet
Text Color (Inherit) Couleur du texte affiché par l'objet

Note : Le formatage du texte défini via l'éditeur de texte est prioritaire sur cette couleur

X Lines

AdvancedDashboards_XLines

Display Lines : Indique si les lignes de quadrillage horizontales (parallèles à l'axe des dimensions) doivent être affichées sur le graphique (case cochée), ou non (case non cochée).

  • Note : L'affichage du quadrillage facilite la lecture des données sur le graphique. Sur les graphiques en 3 dimensions, un quadrillage de profondeur est affiché.
  •  La couleur des lignes peut être modifiée via la zone Color.

          Apps - widgets Advanced Dashboards - X Lines on.png

Y Axis

Left Axis

AdvancedDashboards_YLeftAxis_AxisPosition

Axis Position : Position de l'axe des mesures.
Note : Le nom de l'axe est également impacté par le positionnement.

  • Left : Axe à gauche du graphique ; le nom est affiché à gauche de l'axe.
  • Right : Axe à droite du graphique ; le nom est affiché à droite de l'axe.
À gauche (option Left) À droite (option Right)
Apps - widgets Advanced Dashboards - Y Axis position left.png Apps - widgets Advanced Dashboards - Y Axis position right.png
AdvancedDashboards_YLeftAxis

Min Value : Valeur minimale à laquelle doit débuter l'échelle de l'axe des mesures.

  • Par défaut, l'échelle débute à la plus petite valeur de la source de données, arrondie à la dizaine inférieure.
             Example documentation icon FR.png  22 ==> 20
     

Max Value : Valeur maximale à laquelle doit terminer l'échelle de l'axe des mesures.

  • Par défaut, l'échelle termine à la valeur maximale de la source de données, arrondie à la dizaine supérieure.
             Example documentation icon FR.png  42 ==> 50
Valeurs par défaut Valeurs renseignées manuellement (min = 27 ; max = 45)
Apps - widgets Advanced Dashboards - Y Axis - Min max values - off.png Apps - widgets Advanced Dashboards - Y Axis - Min max values - on.png

Axis Color (Inherit) : Couleur de l'axe des mesures.
 

Tickmarks Color (Inherit) : Couleur des graduations de l'axe des mesures.

          Apps - widgets Advanced Dashboards - Y Axis colors.png
 

Display Axis Name : Indique si le nom de l'axe des mesures doit être affiché (case cochée - saisissez le nom dans la zone Axis Name), ou non (case non cochée).

  • Le nom est positionné à gauche ou à droite du graphique, suivant la valeur de la propriété Axis Position.
Nom de l'axe affiché à gauche (case cochée - Axis Position = Left) Nom de l'axe affiché à droite (case cochée - Axis Position = Right)
Apps - widgets Advanced Dashboards - Y Axis name - Position left.png Apps - widgets Advanced Dashboards - Y Axis name - Position right.png

Format d'affichage du nom de l'axe : police, couleur de fond et du texte, ...

PageGeneralFormat
Font Family (Inherit) Police de caractères du texte de l'objet, sélectionnée via Select Font Graphic properties - General format.png
Size Taille de la police de caractères, qui peut être sélectionnée via la réglette ou saisie directement dans la zone
Alignment (Inherit) Alignement du texte de l'objet (Gauche / Centré / Droite / Justifié)
Style (Inherit) Attributs de caractères du texte de l'objet (Gras / Italique / Souligné)
Background Color (Inherit) Couleur de fond de l'objet
Text Color (Inherit) Couleur du texte affiché par l'objet

Note : Le formatage du texte défini via l'éditeur de texte est prioritaire sur cette couleur

AdvancedDashboards_YLeftAxis_DataType

Data Type : Définit le format d'affichage des valeurs sur l'axe des mesures et dans les info-bulles (section Common > Tooltip). Note : Le formatage des nombres (ex. : virgule ou point pour les décimales) dépend des paramètres de configuration de la plate-forme utilisée par l'utilisateur connecté (sous Windows : Panneau de configuration > Paramètres Région et langue).

  • Integer : Valeurs entières, arrondies à la décimale inférieure ou supérieure
             Example documentation icon FR.png  152200,87 ==> 152201
  • Float : Valeurs avec 2 décimales
             Example documentation icon FR.png  152200,87 ==> 152200,87

Left Axis Label

AdvancedDashboards_YLeftAxisLabel

Stagger Mode (Note : Uniquement si la case Display Axis Label est cochée) : En fonction de la taille du support d'affichage (smartphone, tablette, ...), certaines étiquettes sont omises afin de tenir sur une seule colonne. Pour afficher toutes les étiquettes, de façon décalée sur 2 colonnes, cochez la case.

Affichage sur une colonne (case non cochée) Affichage en décalé sur 2 colonnes (case cochée)
Apps - widgets Advanced Dashboards - Y Axis label.png Apps - widgets Advanced Dashboards - Y Axis label - Stagger on.png

Note : Pour afficher toutes les étiquettes sur une seule colonne, vous pouvez également les incliner via la propriété Is Rotate.

Is Rotate : Indique si les étiquettes de l'axe des mesures doivent être inclinées (case cochée - définissez la valeur de l'inclinaison via la zone Rotate value) ou affichées horizontalement (case non cochée).

  • Une valeur négative permet une inclinaison vers le bas.
  • Une valeur positive permet une inclinaison vers le haut.
  • La valeur 0 indique aucune inclinaison.

          Apps - widgets Dashboards - Y Axis label rotate value.png
 

Prefix : Valeur alphanumérique ajoutée au début de chaque étiquette de l'axe des mesures.

          Example documentation icon FR.png  Étiquettes préfixées par l'unité de mesure

  • Prefix = M 
  • Étiquette = 150
    ==> valeur affichée : M 150

Suffixe : Valeur alphanumérique ajoutée à la fin de chaque étiquette de l'axe des mesures.

          Example documentation icon FR.png  Étiquettes suffixées par l'unité de mesure

  • Suffixe = k
  • Étiquette = 150
    ==> valeur affichée : 150 k

          Apps - widgets Advanced Dashboards - Y Axis label - Prefix suffixe.png

PageGeneralFormat
Font Family (Inherit) Police de caractères du texte de l'objet, sélectionnée via Select Font Graphic properties - General format.png
Size Taille de la police de caractères, qui peut être sélectionnée via la réglette ou saisie directement dans la zone
Alignment (Inherit) Alignement du texte de l'objet (Gauche / Centré / Droite / Justifié)
Style (Inherit) Attributs de caractères du texte de l'objet (Gras / Italique / Souligné)
Background Color (Inherit) Couleur de fond de l'objet
Text Color (Inherit) Couleur du texte affiché par l'objet

Note : Le formatage du texte défini via l'éditeur de texte est prioritaire sur cette couleur

Y Lines

AdvancedDashboards_YDisplayLines

Display Lines : Indique si les lignes de quadrillage verticales (parallèles à l'axe des mesures) doivent être affichées sur le graphique (case cochée), ou non (case non cochée).

  • Note : L'affichage du quadrillage facilite la lecture des données sur le graphique. Sur les graphiques en 3 dimensions, un quadrillage de profondeur est affiché.
  •  La couleur des lignes peut être modifiée via la zone Color.

          Apps - widgets Advanced Dashboards - Y Lines on.png

Common

AdvancedDashboards_Common_General

Animation : En mode Exécution, indique si le graphique est affiché en mode dynamique (case cochée - les éléments graphiques sont affichés les uns après les autres) ou en mode statique (case non cochée - tous les éléments sont affichés simultanément).
 

AdvancedDashboards_Common_DisplayPrintExportButton

Display Print and Export Button : Indique si la sauvegarde et l'impression du graphique sont possibles (case cochée - les icônes Save icon.png et Print icon.png sont affichées), ou non (case non cochée - aucune icône). Note : Les icônes sont toujours positionnées à la droite du graphique.

  • Save icon.png : Sauvegarde du graphique sous forme d'un fichier .jpg.
  • Print icon.png : Impression du graphique ou sauvegarde sous forme d'un fichier .pdf.
             Apps - widgets Advanced Dashboards - Common display print export buttons.png
AdvancedDashboards_Common_DisplayAreaColor

Display Area Color : Indique si une couleur particulière doit être appliquée au fond du graphique (case cochée - sélectionnez la couleur via la zone Chart Area Color), ou non (case non cochée).

  • La zone de fond du graphique est délimitée par les axes des dimensions et des mesures.
  • Pour appliquer une couleur de fond à la totalité du graphique, utilisez la propriété Theme > Background Color. La couleur de fond définie via la propriété Display Area Color reste prioritaire.
     
Fond du graphique en couleur (case cochée) Fond blanc (case non cochée) Couleur de fond pour la totalité du graphique (propriété Theme)
Apps - widgets Advanced Dashboards - Common display area color on.png Apps - widgets Advanced Dashboards - Common display area color off.png Apps - widgets Advanced Dashboards - Common display area color on - Background theme.png

Title

AdvancedDashboards_Common_DisplayChartTitle

Display Chart Title : Indique si un titre doit être ajouté au graphique (case cochée - saisissez le titre dans la zone Chart Title et définissez le format souhaité), ou non (case non cochée).
         Apps - widgets Advanced Dashboards - Common - Chart title.png

Format d'affichage du titre du graphique : police, couleur de fond et du texte, ...

PageGeneralFormat
Font Family (Inherit) Police de caractères du texte de l'objet, sélectionnée via Select Font Graphic properties - General format.png
Size Taille de la police de caractères, qui peut être sélectionnée via la réglette ou saisie directement dans la zone
Alignment (Inherit) Alignement du texte de l'objet (Gauche / Centré / Droite / Justifié)
Style (Inherit) Attributs de caractères du texte de l'objet (Gras / Italique / Souligné)
Background Color (Inherit) Couleur de fond de l'objet
Text Color (Inherit) Couleur du texte affiché par l'objet

Note : Le formatage du texte défini via l'éditeur de texte est prioritaire sur cette couleur

Labels Points on the Graph

AdvancedDashboards_Common_DisplayPointLabel
AdvancedDashboards_Common_DisplayPointLabel_WithoutPosition

Display Point Label : Indique si les étiquettes des données du graphique doivent être affichées (case cochée - sélectionnez l'information à afficher via la liste Label), ou non (case non cochée).

  • Par défaut : Valeur de l'axe des dimensions, suivie de la valeur de l'axe des mesures.
  • Définissez le format d'affichage : police, couleur de fond et du texte, ...
     

Label (Note : Uniquement lorsque la case Display Point Label est cochée) : Informations affichées sur le graphique.

  • Name : Valeurs de l'axe des dimensions.
  • Value : Valeurs de l'axe des mesures.
  • Cliquez sur x pour revenir à l'option par défaut : affichage des 2 valeurs.
Affichage par défaut Valeurs de l'axe des dimensions

(option Name)

Valeurs de l'axe des mesures

(option Value)

Apps - widgets Advanced Dashboards - Common display label points - Name and value.png Apps - widgets Advanced Dashboards - Common display label points - Name.png Apps - widgets Advanced Dashboards - Common display label points - Value.png

Format d'affichage des étiquettes de données : police, couleur de fond et du texte, ...

PageGeneralFormat
Font Family (Inherit) Police de caractères du texte de l'objet, sélectionnée via Select Font Graphic properties - General format.png
Size Taille de la police de caractères, qui peut être sélectionnée via la réglette ou saisie directement dans la zone
Alignment (Inherit) Alignement du texte de l'objet (Gauche / Centré / Droite / Justifié)
Style (Inherit) Attributs de caractères du texte de l'objet (Gras / Italique / Souligné)
Background Color (Inherit) Couleur de fond de l'objet
Text Color (Inherit) Couleur du texte affiché par l'objet

Note : Le formatage du texte défini via l'éditeur de texte est prioritaire sur cette couleur

AdvancedDashboards_Common_DisplayPointLabel_WithoutPositionEnd

Position : Positionnement des étiquettes de données sur le graphique.

  • Inside the Chart : À l'intérieur du graphique
  • Outside the Chart : À l'extérieur du graphique

    Best Practice icon.png  Utilisez cette option lorsque les informations se chevauchent à l'intérieur du graphique. Cela peut libérer de l'espace pour les plus longues étiquettes de données.

À l'intérieur (option Inside) À l'extérieur (option Outside)
Apps - widgets Advanced Dashboards - Common display label point - Inside.png Apps - widgets Advanced Dashboards - Common display label point - Outside.png

Color Palette

AdvancedDashboards_Common_ColorPalette

Chart Color : Palette de couleurs appliquée au graphique, agissant sur la couleur des données graphiques et sur la couleur des boutons de légende.

  • La liste est fournie par Logo - EasyVista.png
  • Le nombre de couleurs de la palette est indiqué à côté de son nom (ex : Brown (6), Default (12), EasyVista (7)).
  • La couleur des autres éléments graphiques (titre et étiquettes des axes, titre du graphique, graduations) sont gérées via des propriétés spécifiques.

          Apps - widgets Advanced Dashboards - Common - Chart color palette.png

Legend

AdvancedDashboards_CommonLegend
AdvancedDashboards_CommonLegend_DisplayTitle

Display Legend : Indique si la légende du graphique doit être affichée (case cochée), ou non (case non cochée).
         Apps - widgets Advanced Dashboards - Common display legend.png

  • Chaque légende est constituée de l'intitulé de l'élément de dimension (les libellés sont ceux contenus dans la source de données) précédé d'un bouton.
  • La couleur des boutons est définie par la palette de couleur appliquée au graphique (propriété Common > Color Palette).
  • Définissez le positionnement de la légende via les propriétés Layout, Position, Horizontal, Vertical. Attention : Suivant les options de positionnement sélectionnées, le graphique est automatiquement redimensionné pour permettre l'affichage complet de la légende.
  • Note : En mode Exécution, la légende sert de filtre dynamique des données : en cliquant sur un bouton ou un intitulé, les valeurs correspondantes sont affichées / masquées sur le graphique.
     

Display Legend Title (Note : Uniquement si la case Display Legend est cochée) : Indique si un titre doit être ajouté au-dessus de la légende du graphique (case cochée), ou non (case non cochée).

          Apps - widgets Advanced Dashboards - Common - Legend title.png

AdvancedDashboards_CommonLegend_DisplayTitleEnd

Layout (Note : Uniquement si la case Display Legend est cochée) : Orientation de la légende du graphique.

  • Horizontal : Étiquettes de légende affichées horizontalement, les unes à côté des autres.
  • Vertical : Étiquettes de légende affichées verticalement, les unes en dessous des autres.
Légende en ligne (option Horizontal) Légende en colonne (option Vertical)
Apps - widgets Advanced Dashboards - Common legend - layout horizontal.png Apps - widgets Advanced Dashboards - Common legend - layout vertical.png

Propriétés pour le positionnement de la légende (Note : Uniquement si la case Display Legend est cochée)

Cliquez pour voir les schémas récapitulatifs

  • Alignement Vertical (Layout = Vertical)

    Apps - widgets Advanced Dashboards - Schema legend position - Layout vertical.png

  • Alignement Horizontal (Layout = Horizontal)

    Apps - widgets Advanced Dashboards - Schema legend position - Layout horizontal.png

Position : Position de la légende par rapport au graphique.

  • Top : En haut du graphique.
  • Bottom : En bas du graphique.
  • Left : À gauche du graphique.
  • Right : À droite du graphique.
     

Horizontal Align (Note : Uniquement si Position = Top ou Bottom) : Position horizontale de la légende du graphique.

  • Left : À gauche du graphique.
  • Center : Au centre du graphique.
  • Right : À droite du graphique.
     

Vertical Align  (Note : Uniquement si Position = Left ou Right) : Position verticale de la légende du graphique.

  • Top : En haut du graphique.
  • Center : En haut du graphique.
  • Bottom : En bas du graphique.

Tooltip

AdvancedDashboards_CommonTooltip

Display Tooltip : Indique si les étiquettes des données doivent être affichées dans une info-bulle au survol du graphique (case cochée - sélectionnez l'information à afficher via la liste Label), ou non (case non cochée).

  • Informations affichées par défaut sur chaque point survolé : Valeur de l'axe des dimensions / Valeur de l'axe des mesures
  • Définissez le format d'affichage via les propriétés ci-dessous.

          Apps - widgets Advanced Dashboards - Common display tooltip on.png

Tooltip Display Mode (Note : Uniquement si la case Display Tooltip est cochée) : Définit les informations affichées au survol de chaque point de données.

  • Single : Valeur de l'axe des dimensions / Valeur de l'axe des mesures
  • Union :  Valeur de l'axe des dimensions / Toutes les valeur de l'axe des mesures
Valeur courante de l'axe des mesures (option Single) Toutes les valeurs de l'axe des mesures (option Union)
Apps - widgets Advanced Dashboards - Common display tooltip on - Single.png Apps - widgets Advanced Dashboards - Common display tooltip on - Union.png

Position (Note : Uniquement si la case Display Tooltip est cochée) : Position de l'info-bulle d'un point de données par rapport au déplacement du curseur de la souris.

  • Float : L'info-bulle se déplace avec le curseur de la souris.
  • Point : L'info-bulle est toujours positionnée au-dessus du point de données, quel que soit l'emplacement du curseur de la souris.

Theme

     Open url.png  voir Description des propriétés

Tags :
Powered by XWiki © EasyVista 2022