Widget Line Chart


Apps - Widget - 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 ligne reliant entre elles les valeurs d'une dimension. Il est particulièrement adapté aux dimensions chronologiques.

Remarques

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

  • Le datasource doit comporter une colonne Dimension : généralement, une série chronologique ; une ou plusieurs colonnes Mesure : Valeur observée.
  • Plusieurs mesures se rapportant à la même dimension peuvent être traitées simultanément (ex. : Nombre d'incidents traités par Fred Leblanc et par Fabien Pachelbel sur la même période de 12 mois).
    • Sélectionnez les mesures souhaitées via le Data Transformer. Sinon, toutes les mesures sont automatiquement traitées.
    • Chaque mesure donne lieu à une ligne différente positionnée sur le même graphique.
  • En mode Exécution, la légende affichée en haut à droite du graphique sert de filtre dynamique des données (propriété Chart Label -/- Legend > Legend) ; une bulle d'information est affichée en survolant chaque secteur.
  • Lorsque la série chronologique comprend de nombreuses valeurs, seule une partie des légendes est affichée pour faciliter la lisibilité.
  • L'échelle de valeurs placée sur l'axe des mesures peut débuter à 0 ou à la valeur minimale des valeurs des mesures sélectionnées ; elle se prolonge jusqu'à la valeur maximale des valeurs des mesures sélectionnées. Pour affiner le pas des graduations entre ces 2 extrémités, augmentez la hauteur du widget.

Best Practice big icon.pngBonnes pratiques

  • Utilisez le widget Line Chart pour afficher l'évolution dans le temps d'une ou plusieurs mesures à partir de valeurs identifiant une série chronologique.
  • Si vous avez une seule mesure, vous pouvez utiliser le widget KPI qui affiche un graphique d'évolution plus compact.

Exemple

Pour les incidents traités par l'intervenant Fred Leblanc (la mesure), visualiser l'évolution sur les 12 mois de l'année 2013 (la dimension, qui décrit une série chronologique de 12 mois)

Data source Widget Line Chart

Note : Le datasource comprend plusieurs mesures ; la mesure souhaitée (Nombre d'incidents de Fred Leblanc) est sélectionnée via le Data Transformer.

EVApps - widget Line Chart - Example DataSource.png

Download Zip icon.png Téléchargez Exemple (fichier CSV)

EVApps - widget Line Chart - Example Chart.png

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

Data

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.

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.

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.

Chart

ColorTheme

Color Theme : Thème de couleurs appliqué 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 du thème est indiqué à côté de son nom (ex : Brown (6), Default (12), EasyVista (7)).

         Apps - widgets Dashboards - Color theme.png

MeasureAxisDataType

Measure Axis Data Type : Définit le format d'affichage des valeurs sur l'axe des mesures et dans les bulles informatives. 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 : Affiche des valeurs entières, arrondies à la décimale inférieure ou supérieure ;
             Example documentation icon FR.png  152200,10 ==> 152200
  • Float : Affiche des valeurs avec 2 décimales ;
             Example documentation icon FR.png  152200 ==> 152200,00
  • Big Number : Affiche des valeurs converties en milliers (k), millions (M), milliards (G), …, suivies du symbole de l'unité et arrondies à la centaine inférieure ou supérieure.
             Example documentation icon FR.png  152200 ==> 152k

Chart Label -/- Legend

ChartLabelLegendBarLineChart

Propriétés des légendes

Propriété Description Représentation
Choix de l'élément à formater : Element (1) Axis : Valeurs des axes EVApps - Graphic Properties - Chart Label Element Bar Line Chart.png
(2) Axis Legend : Légendes des axes
(2) Legend : Légendes affichées en haut à droite du graphique

PageGeneralFormat
Font Family (Inherit) (1) Police de caractères du texte de l'objet, sélectionnée via Select Font EVApps - Graphic Properties - General Format.png
Size (2) Taille de la police de caractères, qui peut être sélectionnée via la liste déroulante Select Size ou saisie directement dans la zone
Alignment (Inherit) (3) Alignement du texte de l'objet (Gauche / Centré / Droite / Justifié)
Style (Inherit) (4) Attributs de caractères du texte de l'objet (Gras / Italique / Souligné)
Background Color (Inherit) (5) Couleur de fond de l'objet
Text Color (Inherit) (6) Couleur du texte affiché par l'objet.

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

RotateDimensionAxisLabel

Rotate Dimension Axis Label : Indique si les étiquettes de l'axe des dimensions sont 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).

RotateValue

Rotate Value (Note : Uniquement lorsque la case Rotate Dimension Axis Label est cochée) : Valeur de l'inclinaison des étiquettes de l'axe des dimensions.

  • Une valeur négative permet une inclinaison vers la droite.
  • Une valeur positive permet une inclinaison vers la gauche.
  • La valeur 0 définit aucune inclinaison.
             Apps - widgets Dashboards - X Axis label rotate value.png
BottomMargin

Bottom Margin (Note : Uniquement lorsque la case Rotate Dimension Axis Label est cochée) : Valeur de la marge entre le bas du graphique et le bas du cadre délimitant le widget, définissant l'espace d'affichage des étiquettes de l'axe des dimensions.
         Apps - widgets Dashboards - Bottom margin.png

StartFromMinValueOfData

Start From Min Value Of Data : Indique si l'échelle de valeurs de l'axe des mesures débute à 0 (case non cochée) ou à la valeur minimale des valeurs de la source de données (case cochée).

Legend

Legend : Indique si la légende doit être affichée en haut à droite du graphique (case cochée) ou être masquée (case non cochée).

  • Chaque légende est constituée de l'intitulé de l'élément de dimension (les libellés sont ceux contenus dan la source de données) précédé d'un bouton.
  • La couleur des boutons est définie par le thème appliqué au graphique (propriété Chart > Color Theme).
  • 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 su rle graphique.
             Apps - widgets Dashboards - Legend.png
DisplayDimensionAxisLabel

Display Dimension Axis Label : Indique si un titre doit être affiché sous l'axe des dimensions (case cochée - saisissez le libellé dans la zone Dimension Axis Label) ou non (case non cochée).

DisplayMeasureAxisLabel

Display Measure Axis Label : Indique si un titre doit être affiché à gauche de l'axe des mesures (case cochée - saisissez le libellé dans la zone Measure Axis Label) ou non (case non cochée).

Theme

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

Tags:
Modifié par Utilisateur inconnu le 2016/12/14 14:45
Créé par Administrator XWiki le 2014/11/12 22:14
Powered by XWiki ©, EasyVista 2019