Widget Advanced Multi Chart


Apps - Widget - Advanced Multi Chart icon.png Ce type de widget appartient à la catégorie Dashboards de la bibliothèque des widgets. Il permet de combiner plusieurs types de graphiques et d'ajouter un axe de mesure secondaire afin de faciliter la lecture des données. Ces données peuvent être :

  • de nature différente ;

    Example documentation icon FR.png  Nombre d'incidents vs Temps passé par la hotline

  • se rapporter à des échelles de mesure différentes.

    Example documentation icon FR.png  Nombre d'incidents par jour ouvré vs Nombre d'incidents le week-end

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

Les données du fichier CSV

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

1er graphique :

  • nombre d'incidents par jour ouvré ==> graphique en colonnes, avec empilement - axe des mesures situé à gauche
  • nombre d'incidents le week-end ==> graphique en courbes - axe des mesures situé à droite

2ème graphique :

  • nombre d'incidents par jour ouvré ==> graphique en colonnes, avec empilement - axe des mesures situé à gauche
  • temps passé par le support ==> graphique en aires - axe des mesures situé à droite
Nombre d'incidents en semaine vs Nombre d'incidents le week-end Nombre d'incidents en semaine vs Temps passé par le support
Advanced multi chart - Example 1.png Advanced multi chart - Example 2.png

Remarques

  • Les types de graphiques proposés sont définis par Logo - EasyVista.png. Vous ne pouvez pas en ajouter.
  • L'axe des mesures principal est toujours affiché à gauche et l'axe secondaire à droite.
  • Chaque type de graphique se réfère à l'un des axes de mesure.
  • Sur les types de graphiques en colonnes, les mesures peuvent être empilées (valeurs agrégées) ou mises les unes en dessus des autres (valeurs unitaires).
  • L'échelle de chaque axe de mesure (principal et secondaire) 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 widget pour rassembler sur un même graphique des éléments se rapportant à une même dimension mais qui ont des amplitudes de valeurs différentes.
  • Pour afficher une série chronologique, utilisez le type de graphique Line ou Spline.
  • Lorsque la notion importante est la répartition des valeurs et non la valeur totale, utilisez le mode Empilé : le total de chaque élément est égal à 100% et à l'intérieur, les valeurs représentent des pourcentages.
  • Sélectionnez les mesures souhaitées via le Data Transformer. Sinon, elles sont automatiquement toutes traitées.
    Note : 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.
  • Pour affiner le pas des graduations sur les axes 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).
         Example documentation icon FR.png  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.

Example documentation icon FR.png    Afficher un 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.

Example documentation icon FR.png    Afficher un 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.

Example documentation icon FR.png  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.

Data Series

Liste des types de graphiques à afficher, chacun affichant un élément de dimension et se rapportant à un axe de mesure  - Open url.png voir Exemples

  • Cliquez sur Add Series pour ajouter un type de graphique et renseignez les 3 propriétés ci-dessous.
  • Cliquez sur Apps - Delete icon.png pour supprimer un type de graphique.
     

Y Axis Position : Position de l'axe des mesures pour la lecture des données du type de graphique sélectionné.

  • Left : Axe principal situé à gauche du graphique.
  • Right : Axe secondaire situé à droite.
     

Chart Type : Type de graphique.

Column : Élément à afficher pour le type de graphique sélectionné. Note : Seules les mesures sélectionnées via le Data Transformer sont proposées.

Charts

AdvancedDashboards_Charts_StackedView

Stacked View : Indique si les valeurs des mesures doivent être empilées les unes au-dessus des autres pour chaque élément de dimension (case cochée - saisissez le mode d'affichage via la liste Stacked Mode), ou non (case non cochée).

Stacked Mode : Mode d'affichage de l'empilement des valeurs.

  • Normal : Les mesures sont affichées en valeurs brutes.
    • La valeur maximale de l'échelle est égale au plus grand total des mesures des éléments de dimension.
  • Percent : Les mesures sont affichées en pourcentage, par rapport au total des valeurs de l'élément de dimension.
    • L'échelle va de 0 à 100.
    • Toutes les barres ont la même hauteur maximale de 100.
Valeurs séparées (case non cochée) Empilement des valeurs (case cochée)
En valeurs brutes

(Stacked Mode = Normal)

Total des valeurs ramené à 100%

(Stacked Mode = Percent)

Apps - widgets Advanced Dashboards - Charts - Stacked off.png Apps - widgets Advanced Dashboards - Charts - Stacked on - Normal.png Apps - widgets Advanced Dashboards - Charts - Stacked on - Percent.png

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
  • Définissez le 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

Format d'affichage des étiquettes de l'axe des dimensions : 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 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

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
  • Définissez le format d'affichage : 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

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

Format d'affichage des étiquettes de l'axe principal des mesures : 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

Right Axis

Display Right Axis : Indique si l'axe secondaire des mesures doit être affiché (case cochée - renseignez ses propriétés), ou non (case non cochée).
         Advanced multi chart - Right Axis.png

  • L'axe secondaire est toujours positionné à droite du graphique.
  • Cochez la case Display Axis Name pour lui donner un titre.
     

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

  • 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 secondaire.

  • 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 = 15 ; max = 33)
Advanced multi chart - Y Axis - Right Axis - Min max values - off.png Advanced multi chart - Y Axis - Right Axis - Min max values - on.png

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

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

         Apps - widgets Advanced Dashboards - Y Axis colors.png
 

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

  • Le titre est toujours positionné à droite de l'axe.
             Advanced multi chart - Y Axis - Right Axis - Name.png
     

Format d'affichage de l'axe secondaire des mesures : 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

Right Axis Label

Propriétés propres à l'axe secondaire des mesures (Note : Uniquement si la case Display Right Axis est cochée).

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

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

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

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

  • Inside of the Chart : À l'intérieur du graphique
  • Outside of 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

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

Color Palette

AdvancedDashboards_Common_ColorPalette

Chart Color : Palettte 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

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
 

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)

voir 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:
Modifié par Utilisateur inconnu le 2019/04/01 20:09
Créé par Administrator XWiki le 2019/04/01 20:09

Raccourcis

L'actualité mensuelle
•  Newsletter

Tous les changements
•  Service Manager
•  Service Apps
•  Self Help

Glossaire

Powered by XWiki ©, EasyVista 2020