Mashup Builder > Widgets > Widgets standard > Widget Graphique en courbes (thématisable)
Widget Graphique en courbes (thématisable)
Visionnez la vidéo suivante sur l'ajout du widget à une application composite et la configuration des propriétés de widget de base. Pour ouvrir la vidéo dans un nouvel onglet, cliquez sur le titre du lecteur.
Introduction
Le widget Graphique en courbes affiche dans votre application composite une série de points de données reliés par des courbes.
* 
Il est disponible en tant que widget standard sur la plateforme et en tant que composant Web à importer à partir d'un SDK.
Bonnes pratiques
Conservez l'échantillonnage des données activé pour améliorer les performances du graphique au moment de l'exécution. La désactivation de l'échantillonnage des données peut ralentir les performances lorsque le graphique affiche des milliers de points de données de plusieurs séries. Vous ne devez désactiver l'échantillonnage que lorsque le jeu de données du graphique est petit.
Types de graphiques
Au-delà du graphique en courbes, vous pouvez utiliser la propriété ChartType du widget pour visualiser les données dans l'une des variantes de graphique suivantes :
Graphique de séquences
Type de graphique en courbes qui affiche les données relativement à des unités de temps. Vous pouvez utiliser ce type de graphique pour suivre les évolutions au fil du temps, mettre au jour des tendances et des cycles et mesurer l'impact d'événements spécifiques sur les données. Lorsque vous sélectionnez ce type de graphique, la propriété CurveFitting du widget est définie sur Monotone-X, ce qui a pour effet de lisser les courbes entre les points de données.
Graphique d'étapes
Le graphique d'étapes connecte les points de données au moyen de lignes horizontales et verticales perpendiculaires. Ce type de graphique est utile lorsque vous souhaitez mettre en évidence le moment précis où un changement de valeur se produit.
Graphique en aires
Dans un graphique en aires, l'espace entre la ligne et l'axe est colorisé avec la couleur de la série de données. Par défaut, les séries de données sont affichées l'une au-dessus de l'autre. Vous pouvez utiliser la propriété SeriesStacking du widget pour empiler toutes les séries de données et afficher la valeur totale de toutes les séries du graphique.
Graphique en nuage de points
Le graphique en nuage de points affiche les données sous la forme de points sans ligne de liaison entre eux. Ce type de graphique est utile lorsque vous souhaitez visualiser la corrélation entre deux séries de données ou plus.
Graphique en aires empilées
Le graphique en aires empilées est un type de graphique en aires qui affiche les données relativement à un axe central. La taille de chaque forme de série de données à une date spécifique est proportionnelle à la valeur. Vous pouvez utiliser ce type de graphique pour analyser les évolutions intervenues dans une série de données par rapport aux données totales du graphique.
Format des données
Vous devez créer une table d'informations avec des définitions de champ qui représentent la structure de données du graphique. La table d'informations doit inclure une définition de champ pour les valeurs des axes X et Y. Vous pouvez ajouter plusieurs séries de données en ajoutant des colonnes supplémentaires avec des définitions de champ pour les valeurs des séries de données. Chaque ligne de la table d'informations représente une catégorie sur l'axe X et ses valeurs correspondantes sur l'axe Y. La table ci-après décrit le format de données de la table d'informations :
Axe X
Valeur de l'axe Y
Valeur N de l'axe Y
Définition de champ
x:{name:'x',baseType:'STRING'}
value1:{name:'value1',baseType:'NUMBER'}
value2:{name:'value2',baseType:'NUMBER'}
Utilisation
Définit les valeurs de l'axe X pour la barre ou la colonne de graphique. Le type de base STRING doit être défini pour les données. Chaque ligne est affichée en tant que catégorie sur l'axe X. Le nom défini pour cette colonne est l'option que vous devez sélectionner pour la propriété de widget XAxisField.
Définit la valeur de l'axe Y et l'étiquette de légende de la catégorie.
* 
Les valeurs de l'axe Y doivent être du même type de base.
Définit la valeur de l'axe Y et l'étiquette de légende pour chaque série de données supplémentaire.
Type de base
STRING, NUMBER ou DATETIME
STRING, NUMBER ou DATETIME
* 
Lorsque vous définissez le type de graphique sur Graphique de séquences ou Graphique en aires empilées, vous ne pouvez définir que DATETIME.
STRING, NUMBER ou DATETIME
Exemple de ligne
x:'Apple' : où Apple correspond au nom de la catégorie à afficher sur l'axe X.
value1:10 : valeur de l'axe Y de la catégorie.
value2:30 : valeur de l'axe Y de la deuxième série de données.
Pour les options de contrôle de zoom d'intervalle, vous devez créer une table d'informations qui comprend deux champs : label et duration. Le type de base des données des deux champs doit être STRING. L'image suivante illustre le format des données renvoyées d'un service de données :
Les valeurs que vous pouvez utiliser dans le champ duration et la plage qu'elles représentent sont les suivantes :
Y : année
M : mois
W : semaine
d : jour
h : heure
m : minute
s : seconde
ms : milliseconde
* 
Les caractères sont sensibles à la casse. Par exemple, "M" représente le mois et "m" les minutes.
Liaison d'une source de données
* 
Les graphiques de type Streamgraph prennent uniquement en charge les valeurs numériques. Lorsque vous sélectionnez une table d'informations avec des valeurs non numériques, le type de graphique est réinitialisé sur Graphique en courbes, et la propriété YAxisType est automatiquement remplacée par String ou Date/Time.
Pour lier le graphique à une source de données, procédez comme suit :
1. Dans le panneau Données, ajoutez un service de données qui renvoie une table d'informations avec le format de données approprié pour le widget.
Assurez-vous que le service est déclenché par un événement au moment de l'exécution.
2. Liez la propriété All Data du service de données à la propriété Data du graphique.
3. Sélectionnez le graphique, puis dans le panneau Propriétés, sélectionnez la colonne de table d'informations à utiliser pour l'axe X au moyen de la propriété XAxisField.
Par défaut, toutes les colonnes de la table d'informations s'affichent automatiquement sur l'axe Y. Pour configurer manuellement la série de données :
a. Définissez la propriété NumberOfSeries sur un nombre fixe.
b. Sélectionnez la colonne de table d'informations à utiliser pour chaque série de données à l'aide des propriétés DataField1..N.
4. Si nécessaire, définissez le type de données et le format de chaque axe à l'aide des propriétés suivantes :
Pour l'axe X, utilisez les propriétés XAxisType et XAxisFormat.
Pour l'axe Y, utilisez les propriétés YAxisType et YAxisFormat.
5. Cliquez sur Enregistrer, puis sur Afficher l'application composite.
Les données s'affichent désormais dans le graphique. Chaque colonne supplémentaire de la table d'informations liée est affichée sous la forme d'une série de données.
Une fois que vous avez lié une source de données, nous vous recommandons d'ajouter une étiquette à l'aide des propriétés Label, XAxisLabel et YAxisLabel.
Vous pouvez également configurer le widget à l'aide de propriétés supplémentaires. Par exemple :
Pour afficher les lignes de règle, activez les propriétés ShowXAxisRuler et ShowYAxisRuler. Vous pouvez spécifier l'axe à utiliser comme référence pour la ligne de règle à l'aide de la propriété YAxisRulerAlignment. Vous pouvez aligner les lignes sur les marques sur l'axe principal ou sur l'axe secondaire. Par défaut, les lignes sont alignées sur les marqueurs de l'axe principal.
Pour activer le zoom le long de l'axe vertical ou horizontal, activez les propriétés HorizonalZoom et VerticalZoom.
Pour appliquer un formatage d'état au graphique, utilisez la propriété SeriesStyle. Pour plus d'informations, consultez la rubrique Exemple : application d'un formatage d'état à des graphiques.
* 
Pour mettre automatiquement à jour les données du graphique au moment de l'exécution, créez une fonction d'actualisation automatique et liez-la au service de données qui renvoie les données du graphique. Pour plus d'informations, consultez la rubrique Actualisation automatique.
Ajout d'un axe secondaire
Vous pouvez ajouter un axe secondaire pour représenter deux mesures différentes pour une catégorie sur l'axe X à l'aide de la propriété SecondYAxis. Vous pouvez utiliser l'axe secondaire pour afficher les données d'une ou de plusieurs séries de données. Par exemple, vous pouvez tracer une série de données sur l'axe secondaire d'un histogramme pour afficher une valeur de pourcentage.
Lorsque NumberofSeries est défini sur un nombre fixe, des propriétés DataFieldN et UseSecondAxisSeriesN sont affichées pour chaque série de données. Par défaut, toutes les séries de données sont affichées sur l'axe Y principal. Pour afficher une série de données sur l'axe Y secondaire, activez la propriété UseSecondAxisSeriesN.
Pour ajouter un axe Y secondaire au graphique, liez une table d'informations contenant au moins deux colonnes à des valeurs de données.
1. Sélectionnez le graphique, puis ouvrez le panneau Propriétés.
2. Cochez la case en regard de la propriété SecondYAxis. Des propriétés supplémentaires pour l'axe secondaire sont répertoriées.
Par défaut, la série de données de la source de données liée est automatiquement affectée à l'axe secondaire, s'il s'agit d'un type ou d'un format de données différent.
3. Cliquez sur Enregistrer, puis sur Afficher l'application composite.
Pour spécifier manuellement les données de l'axe secondaire, procédez comme suit :
1. Définissez la propriété NumberOfSeries sur une valeur spécifique. Pour chaque série de données, les propriétés suivantes sont ajoutées au graphique.
DataField1..N : spécifie la colonne de table d'informations à utiliser pour les valeurs de la série de données.
UseSecondaryAxis1..N : affiche les N séries de données sur l'axe Y secondaire.
SeriesStyle1..N : permet de configurer le formatage d'état de la série de données.
2. Sélectionnez la colonne de table d'informations à utiliser pour chaque série de données du graphique à l'aide de la propriété DataField..N.
3. Activez la propriété UseSecondAxisSeriesN pour chaque série de données que vous souhaitez afficher sur l'axe secondaire.
4. Si nécessaire, définissez le type et le format de données de l'axe secondaire à l'aide des propriétés SecondYAxisType et SecondYAxisFormat.
5. Cliquez sur Enregistrer, puis sur Afficher l'application composite.
L'axe secondaire est maintenant configuré et les données s'affichent. Après avoir ajouté un axe secondaire, vous pouvez effectuer l'une des opérations suivantes :
spécifier le type et le format de données des axes secondaire et principal ;
définir les valeurs minimale et maximale de l'axe ;
utiliser la propriété SecondYAxisLabel pour modifier l'étiquette par défaut.
La capture d'écran ci-dessous montre un widget Graphique en courbes avec un axe Y secondaire. L'axe X affiche une plage de dates et chaque axe Y un type de mesure de données pour chaque date.
Montre un graphique en courbes avec deux séries de données qui mesurent le vent et la température pendant un certain nombre de jours. La température s'affiche en degrés Celsius et la vitesse du vent s'affiche sur l'axe secondaire en kilomètres par heure.
Le format de l'axe X est défini sur Date/Time et les axes Y sont définis sur des valeurs numériques à l'aide des propriétés YAxisFormat et SecondYAxisFormat.
La table ci-après répertorie les propriétés que vous pouvez utiliser pour activer et configurer l'axe Y secondaire :
Propriété
Description
Type de base
Valeur par défaut
Liaison possible ? (O/N)
Prise en charge de la localisation
SecondYAxisLabel
Spécifie l'étiquette de texte pour l'axe Y secondaire.
STRING
Faux
O
O
SecondYAxisLabelAlignment
Aligne l'étiquette de l'axe Y secondaire En haut, Au milieu ou En bas. Par défaut, l'étiquette est alignée au milieu du widget.
STRING
Au milieu
O
N
SecondYAxisType
Définit le format des valeurs de l'axe Y secondaire. Vous pouvez le définir sur Chaîne, Numérique ou Date/Heure.
STRING
String
O
N
SecondYAxisFormat
Définit le format des valeurs de l'axe Y secondaire. Cette propriété n'est disponible que lorsque la propriété SecondYAxisType est définie sur un format numérique.
STRING
0000.0
O
N
SecondYAxisMaxValue
Définit la plage de valeurs maximale de l'axe Y secondaire. Par défaut, la plage est calculée automatiquement en fonction des données du widget.
Lorsque vous définissez le format de l'axe sur Date/Heure, cette zone d'entrée se transforme en sélecteur de dates.
* 
Cette propriété n'est pas disponible lorsque vous définissez le type d'axe secondaire sur un format chaîne.
NUMBER ou DATETIME
N/A
O
N
SecondYAxisMinValue
Définit la plage de valeurs maximale de l'axe Y secondaire. Par défaut, la plage est calculée automatiquement en fonction des données du widget.
* 
Cette propriété n'est disponible que lorsque SecondYAxisType est défini sur un format numérique ou date.
NUMBER ou DATETIME
N/A
O
N/A
SecondYAxisDateFormatToken
Définit le format de l'heure et de la date lorsque l'axe X est défini sur un format Data/Time. Par défaut, la date est formatée à l'aide des paramètres régionaux du système d'exploitation de l'utilisateur.
STRING
N/A
N
Oui
UseSecondYAxis1..n
Affiche les valeurs des N séries de données sur l'axe Y secondaire. Ces propriétés ne sont disponibles que lorsque vous définissez NumberOfSeries sur un nombre fixe.
BOOLEAN
Faux
N
N/A
Configuration de la propriété CurveFitting
Les widgets Graphique en courbes sont basés sur la bibliothèque JavaScript D3, qui prend en charge plusieurs fonctions contrôlant la représentation des lignes dans un graphique en courbes. Dans ThingWorx, vous pouvez utiliser la propriété CurveFitting dans les widgets qui prennent en charge un graphique en courbes pour configurer le mode de traçage des lignes. Les options disponibles pour cette propriété sont décrites ci-dessous.
Linéaire : ligne polygonale qui relie les points de données à l'aide de lignes droites.
Base : spline de base cubique utilisant les points de contrôle spécifiés. Le premier et le dernier point sont triplés de telle sorte que la spline commence au premier point et se termine au dernier point, et est tangente à la ligne entre les premier et second points, et à la ligne entre les avant-dernier et dernier points.
Faisceau : spline de base cubique redressée utilisant les points de contrôle spécifiés, avec la spline est redressée en fonction d'une valeur de courbe bêta définie sur 0.5.
Cardinal : spline cardinale cubique utilisant les points de contrôle spécifiés, avec les différences unilatérales utilisées pour la première et la dernière partie. La valeur de tension est définie sur 0.5.
Catmull-Rom : spline Catmull-Rom cubique utilisant les points de contrôle spécifiés et un paramètre alpha défini sur 0.5.
X monotone : spline cubique qui conserve la monotonicité sur l'axe Y, en supposant la présence d'une monotonicité sur l'axe X. Cette ligne crée des courbes lisses qui passent par un jeu de points de données sans fausses oscillations.
Y monotone : spline cubique qui conserve la monotonicité sur l'axe X, en supposant la présence d'une monotonicité sur l'axe Y. Cette ligne crée une courbe lisse qui passe par un ensemble de points de données sans fausses oscillations.
Naturel : spline cubique naturelle dont la dérivée seconde est définie sur zéro au niveau des points d'extrémité des données.
Etape : ligne d'incrément composée d'une alternance de lignes horizontales et verticales.
Pour plus d'informations sur ces options, consultez la documentation de la bibliothèque D3 sur GitHub :
Propriétés du widget
Les propriétés du widget Graphique en courbes sont répertoriées ci-dessous.
Nom de propriété
Description
Type de base
Valeur par défaut
Liaison possible ? (O/N)
Localisable ? (O/N)
ChartType
Définit le type de graphique sur Graphique en courbes, Graphique de séquences, Graphique d'étapes, Graphique en aires, Graphique de nuage de points ou Graphique en aires empilées.
STRING
Graphique en courbes
N
N
CurveFitting
Définit le type de courbe sur Linéaire, Base, Faisceau, Cardinal, Catmull-Rom, X monotone, Y monotone, Naturel ou Etape.
Cette propriété n'est pas disponible pour Graphique d'étapes, Graphique en aires et Graphique de nuage de points.
Cette propriété n'est pas disponible lorsque vous sélectionnez la propriété HideLines.
STRING
Linéaire
O
N
CustomClass
Classe CSS définie par l'utilisateur à appliquer à la div supérieure du widget.
Plusieurs classes peuvent être spécifiées, séparées par une espace.
STRING
n/a
O
N
Data
Source de données table d'informations du graphique.
INFOTABLE
n/a
O
N
DataField1DataField24
Ces propriétés sont répertoriées lorsque vous définissez NumberOfSereis sur un nombre fixe. Vous pouvez utiliser ces propriétés pour sélectionner la colonne de table d'informations à utiliser pour chaque série de données.
Colonne de table d'informations
n/a
N
N
DataLabel1DataLabel24
Ces propriétés sont répertoriées lorsque vous définissez NumberOfSereis sur un nombre spécifique, compte tenu du nombre de séries du graphique. Vous pouvez utiliser les propriétés pour spécifier une étiquette personnalisée pour chaque série de données dans la légende. Pour plus d'informations, consultez la rubrique Personnalisation de la légende du graphique.
STRING
n/a
N
O
DataSeriesStyle
Ouvre la boîte de dialogue de configuration du formatage d'état. Vous pouvez appliquer une définition d'état à toutes les séries du graphique.
Définition d'état
n/a
N
N
DataSeriesStyle1DataSereisStyle24
Ces propriétés sont répertoriées lorsque vous définissez NumberOfSereis sur un nombre fixe. Vous pouvez utiliser ces propriétés pour appliquer un formatage d'état distinct à chaque série de données du graphique.
Définition d'état
n/a
N
N
Disabled
Désactive le widget dans l'application composite.
Le widget s'affiche dans l'application composite, mais il n'est pas sélectionnable.
BOOLEAN
Faux
O
N
DataPointSelection
Spécifie le point de données à sélectionner par rapport à la position du pointeur.
Vous pouvez définir la propriété de façon à sélectionner le point de données le plus proche sur l'axe vertical, l'axe horizontal ou les deux axes. Les options disponibles sont Position du pointeur, Horizontal le plus proche, Vertical le plus proche ou Les deux axes.
STRING
Position du pointeur
O
N
DirectSelectionZoom
Vous permet d'effectuer un zoom avant en sélectionnant les éléments dans le graphique.
Les options disponibles pour cette propriété sont Axe horizontal, Axe vertical, Les deux et Aucun.
Cette propriété apparaît dans la liste des propriétés lorsque vous sélectionnez HorizontalZoom.
STRING
Aucun
O
N
DragSelectionZoom
Vous permet d'effectuer un zoom avant sur une partie spécifique du graphique en faisant glisser une zone de sélection autour de la plage de données que vous souhaitez afficher.
Les options disponibles pour cette propriété sont Axe horizontal, Axe vertical, Les deux et Aucun.
Cette propriété apparaît dans la liste des propriétés lorsque vous sélectionnez HorizontalZoom.
STRING
Aucun
O
N
EmptyChartIcon
Spécifie l'icône à afficher lorsque le graphique est vide.
Entité de média
not visible
N
N
EmptyChartLabel
Spécifie le texte à afficher lorsque le graphique est vide.
STRING
[[ChartStateLabelEmpty]]
N
O
ErrorStateIcon
Spécifie l'icône à afficher lorsque le graphique est vide.
Entité de média
error
N
N
ErrorStateLabel
Spécifie le texte à afficher lorsque le graphique est vide.
STRING
N
O
LoadingIcon
Spécifie l'icône à afficher lors du chargement des données du graphique.
Entité de média
chart loading icon
N
N
NoDataSourceIcon
Spécifie l'icône à afficher lorsque le graphique n'est pas lié à une source de données.
Entité de média
bind
N
N
NoDataSourceLabel
Spécifie le texte à afficher lorsque le graphique n'est pas lié à une source de données.
STRING
[[ChartStateLabelNoData]]
N
O
HideLegend
Masque la zone de légende.
Lorsque vous sélectionnez cette propriété, les propriétés LegendAlignment, LegendFilter, LegendMarkerShapes, LegendMaxWidth et LegendPosition suivantes ne s'affichent pas dans la liste des propriétés.
BOOLEAN
Faux
O
N
HideLines
Masque les lignes de connexion entre les points de données.
BOOLEAN
Faux
N
N
HideMarkers
Masque les marqueurs des points de données.
Lorsque vous sélectionnez cette propriété, les propriétés MarkerShape et MarkerSize suivantes ne s'affichent pas dans la liste des propriétés.
BOOLEAN
Faux
N
N
HideNotes
Masque la zone de notes.
Lorsque vous sélectionnez cette propriété, les propriétés Notes, NotesAlignment et NotesPosition ne s'affichent pas dans la liste des propriétés.
BOOLEAN
Faux
O
N
HideValues
Masque toutes les étiquettes de valeur du graphique.
BOOLEAN
Faux
O
N
HideXAxis
Masque l'axe X.
BOOLEAN
Faux
O
N
HideYAxis
Masque l'axe Y.
BOOLEAN
Faux
O
N
HorizontalAxisMaxHeight
Définit la hauteur maximale de l'axe horizontal.
NUMBER
85
O
N
HorizontalAxisLabelsRotation
Définit l'angle de rotation des étiquettes sur l'axe horizontal. Vous pouvez entrer une valeur comprise entre -180 et 180.
NUMBER
Redimensionnement automatique
N
N
HorizontalZoom
Vous permet d'effectuer un zoom avant sur l'axe horizontal.
Lorsque vous sélectionnez cette propriété, les propriétés HorizontalIntervalControl, HorizontalRangeZoom, HorizontalSliderZoom, DirectSelectionZoom et DragSelectionZoom s'affichent dans la liste des propriétés.
BOOLEAN
Faux
O
N
HorizontalIntervalControl
Ajoute des contrôles qui vous permettent d'effectuer un zoom avant sur l'axe horizontal en fonction d'intervalles spécifiques.
Les options disponibles sont Aucun, qui est la sélection par défaut, et Liste déroulante.
Lorsque vous sélectionnez Liste déroulante, les propriétés HorizontalIntervalControlLabel et HorizontalIntervalData s'affichent dans la liste des propriétés.
STRING
Aucune
N
N
HorizontalIntervalControlLabel
Spécifie l'étiquette de texte pour les contrôles de zoom d'intervalle sur l'axe horizontal.
STRING
n/a
O
O
HorizontalIntervalData
Source de données pour les options de contrôle de zoom d'intervalle.
Lorsque vous sélectionnez une entrée dans la liste déroulante d'intervalle horizontal, le graphique est agrandi en fonction de la valeur de durée sélectionnée et du point d'ancrage de début/fin.
INFOTABLE
n/a
O
N
HorizontalIntervalAnchorPoint
Vous permet de sélectionner la position d'ancrage de la plage d'intervalles dans le jeu de données.
Sélectionnez Début pour placer l'intervalle au début du jeu de données ou Fin pour placer l'intervalle à la fin.
Par exemple, si vous spécifiez un intervalle de 3 mois dans un jeu de données de 12 mois, vous pouvez sélectionner Début pour afficher les trois premiers mois du jeu de données, ou Fin pour afficher les trois derniers mois.
Cette propriété s'affiche lorsque vous sélectionnez la propriété ShowHorizontalAnchorPointControl.
STRING
Début
O
N
HorizontalIntervalAnchorPointLabel
Spécifie l'étiquette de texte pour le point d'ancrage de l'intervalle sur l'axe horizontal.
Cette propriété s'affiche lorsque vous sélectionnez la propriété ShowHorizontalAnchorPointControl.
STRING
n/a
O
O
HorizontalRangeZoom
Ajoute des contrôles qui vous permettent de spécifier une plage de valeurs sur laquelle effectuer un zoom avant sur l'axe horizontal.
Lorsque vous sélectionnez cette propriété, les propriétés HorizontalStartZoomLabel et HorizontalEndZoomLabel s'affichent dans la liste des propriétés.
BOOLEAN
Faux
O
N
HorizontalRangeZoomDateFormat
Définit le format de date dans la zone de sélection de date lors d'un zoom de sélection de plage. Les formats pris en charge sont basés sur la bibliothèque JavaScript Moment.js et sont sensibles à la casse.
STRING
n/a
N
N
HorizontalRangeZoomDateWidth
Définit la largeur de la zone de sélection de date sur l'axe horizontal lorsque le zoom est activé.
NUMBER
332px
N
N
HorizontalStartZoomLabel
Spécifie l'étiquette de texte de début de sélection de la plage.
STRING
n/a
O
O
HorizontalEndZoomLabel
Spécifie l'étiquette de texte de fin de sélection de la plage.
STRING
n/a
O
O
HorizontalSliderZoom
Ajoute un curseur pour vous permettre d'afficher les données comprises entre une valeur minimale et une valeur maximale sur l'axe horizontal.
Lorsque vous sélectionnez cette propriété, les propriétés HorizontalSliderZoomMaxLabel et HorizontalSliderZoomMinLabel s'affichent dans la liste des propriétés.
BOOLEAN
Faux
O
N
HorizontalSliderZoomMaxLabel
Spécifie l'étiquette de texte de la valeur maximale du curseur de zoom.
STRING
n/a
O
O
HorizontalSliderZoomMinLabel
Spécifie l'étiquette de texte de la valeur minimale du curseur de zoom.
STRING
n/a
O
O
Label
Affiche l'étiquette de texte du graphique en courbes.
STRING
Graphique en courbes
O
O
LabelType
Définit le type d'étiquette du graphique à barres sur En-tête, En-tête secondaire, Etiquette ou Corps.
STRING
En-tête secondaire
O
N
LabelAlignment
Aligne l'étiquette du widget Graphique en courbes A gauche, Au centre ou A droite.
STRING
Gauche
N
N
LabelPosition
Définit la position de l'étiquette En haut ou En bas du widget.
STRING
En haut
N
N
LabelReset
Définit l'étiquette du bouton de réinitialisation du contrôle de zoom.
STRING
Réinitialiser
O
O
LegendAlignment
Aligne le texte de la légende En haut, Au milieu ou En bas.
Les options disponibles pour cette propriété dépendent du paramétrage de la propriété LegendPosition.
STRING
En haut
N
N
LegendFilter
Ajoute un filtre de légende qui permet à l'utilisateur de filtrer le graphique lors de l'exécution.
BOOLEAN
Faux
N
N
LegendMarkerShapes
Définit la forme du marqueur de la légende des séries de données sur Carré ou Cercle.
STRING
Carré
N
N
LegendMaxWidth
Définit la largeur maximale de la zone de légende.
NUMBER
736
O
N
LegendPosition
Définit la position de la légende du graphique En haut, En bas, A gaucheou A droite.
STRING
A droite
N
N
MarkerShape
Définit la forme du marqueur des points de données du graphique sur Cercle, Carré ou Losange.
STRING
Circle
O
N
MarkerSize
Définit la taille de marqueur de la série.
NUMBER
8
O
N
MultipleDataSources
Utilise plusieurs sources de données pour les séries du graphique. Cela vous permet de visualiser les données de plusieurs sources sur le graphique.
BOOLEAN
Faux
N
N
Notes
Spécifie le texte à afficher à l'intérieur de la zone des notes dans le graphique. Vous pouvez entrer une chaîne ou sélectionner un jeton de localisation.
STRING
n/a
O
O
NotesAlignment
Aligne le texte de note A gauche, A droite ou Au centre.
STRING
Gauche
N
N
NotesPosition
Définit la position de la zone des notes En haut ou En bas.
STRING
En bas
N
N
NumberOfReferenceLines
Spécifie le nombre de lignes de référence à afficher dans le graphique. Vous pouvez ajouter jusqu'à 24 lignes de référence. Des propriétés supplémentaires sont ajoutées pour chaque ligne de référence.
NUMBER
O
N
N
ReferecneLineNLabel
Définit l'étiquette de texte de la ligne de référence N.
STRING
O
O
O
ReferecneLineNValue
Définit la valeur de la ligne de référence N. Vous pouvez spécifier une valeur numérique ou de date selon le type d'axe.
NUMBER ou DATETIME
O
N
N
ReferenceLineNAxis
Spécifie l'axe à utiliser pour la ligne de référence N. Cette propriété n'est disponible que lorsqu'un graphique contient deux axes avec des données continues, telles que des nombres ou des dates.
STRING
N
N
N
NumberOfSeries
Définit le nombre de séries de données à afficher dans le graphique. Des propriétés DataField..N supplémentaires sont ajoutées lorsque vous spécifiez le nombre de séries à afficher dans le graphique.
Par défaut, le paramètre Automatique affiche toutes les séries de données des données de la table d'informations.
NUMBER
Automatique
N
N
NumberOfXLabels
Définit le nombre d'étiquettes à afficher sur l'axe X.
NUMBER
N
N
N
NumberOfYLabels
Définit le nombre d'étiquettes à afficher sur l'axe Y.
* 
Cette propriété est également appliquée à l'axe Y secondaire.
NUMBER
N
O
N
PointerType
Spécifie l'apparence du pointeur lorsque vous le placez sur le graphique. Vous pouvez utiliser des instructions pour suivre une valeur de données par rapport à un axe.
Les options disponibles sont Standard, Ligne horizontale, Ligne verticale et Croix.
STRING
Standard
O
N
ResetToDefaultValue
Restaure la valeur par défaut des entrées du widget.
n/a
n/a
O
N
RulersInFront
Affiche les règles devant les valeurs des données. Par défaut, les règles sont affichées derrière les données.
BOOLEAN
Faux
O
N
ReverseXAxis
Affiche les valeurs de l'axe X dans l'ordre inverse.
BOOLEAN
Faux
N
N
ReverseYAxis
Affiche les valeurs de l'axe Y dans l'ordre inverse.
BOOLEAN
Faux
N
N
SampleSize
Spécifie le nombre de séries de données à afficher dans le graphique.
NUMBER
n/a
N
N
SeriesClicked
Déclenche un événement lorsque vous cliquez sur un point de données.
n/a
n/a
O
N
Series1..nMarkerType
Définit le type de marqueur à afficher pour la série N dans la légende du graphique. Options : Par défaut, Aucun, Cercle, Carré, Losange
STRING
N
N
SeriesStacking
Définit le mode d'empilage de la série de données sur le graphique. Les options disponibles sont les suivantes :
Aucun : désactive l'empilage.
Automatique : permet d'empiler les données par rapport à une lgine de base, par ordre d'entrée.
Développer :
empile les séries par rapport à une ligne de base et normalise les valeurs. La somme de toutes les valeurs est égale à 1. Utilisez cette option pour mettre en surbrillance la taille relative des valeurs.
Divergent : empile les valeurs positives au-dessus de zéro, les valeurs négatives en dessous de zéro et les valeurs nulles à zéro.
Silhouette :
décale la ligne de base vers le bas, où le centre du graphique en aires empilées est toujours à zéro.
Ondulation : décale la ligne de base pour réduire l'ondulation pondérée des couches.
STRING
Aucun
O
N
ShowArea
Affiche les données à l'intérieur du graphique sous la forme d'aires.
BOOLEAN
Faux
O
N
ShowHorizontalAnchorPointControl
Ajoute les contrôles d'ajustement de la valeur d'ancre pour l'axe horizontal.
Lorsque vous sélectionnez cette propriété, les propriétés HorizontalIntervalAnchorPoint et HorizontalIntervalAnchorPointLabel s'affichent dans la liste des propriétés.
BOOLEAN
Faux
O
N
ShowHideLegend
Ajoute un bouton afficher/masquer qui vous permet d'afficher ou de masquer la légende du graphique à l'exécution.
BOOLEAN
Faux
N
N
ShowXAxisRuler
Affiche la règle de l'axe X.
BOOLEAN
Faux
O
N
ShowYAxisRuler
Affiche la règle de l'axe Y.
BOOLEAN
Faux
O
N
ShowZoomButtons
Affiche les boutons de zoom avant et arrière dans la barre d'outils du graphique lorsque le zoom horizontal ou vertical est activé.
BOOLEAN
Faux
N
N
ShowZeroValueRuler
Affiche la règle de valeur zéro.
BOOLEAN
Faux
O
N
SparkView
Affiche une vue simplifiée de la visualisation du graphique. Activez cette propriété pour masquer les étiquettes, les légendes et les règles.
BOOLEAN
Faux
O
N
TabSequence
Numéro de séquence du widget Graphique à barres lorsque vous appuyez sur la touche de tabulation.
NUMBER
n/a
N
N
VerticalAxisMaxWidth
Définit la largeur maximale de l'axe vertical.
NUMBER
85
O
N
ValuesPosition
Définit la position des étiquettes de valeurs des données par rapport aux points de données sur Au-dessus, Chevauchement ou En dessous.
STRING
Au-dessus
N
N
VerticalZoom
Vous permet d'effectuer un zoom avant sur l'axe vertical.
Lorsque vous sélectionnez cette propriété, la propriété VerticalSliderZoom s'affiche dans la liste des propriétés.
BOOLEAN
Faux
O
N
VerticalSliderZoom
Ajoute un curseur pour vous permettre d'afficher les données comprises entre une valeur minimale et une valeur maximale sur l'axe vertical.
Lorsque vous sélectionnez cette propriété, les propriétés VerticalZoomMaxLabel et VerticalZoomMinLabel s'affichent dans la liste des propriétés.
BOOLEAN
Faux
O
N
VerticalsliderZoomMaxLabel
Spécifie l'étiquette de texte de la valeur maximale du curseur de zoom.
STRING
n/a
O
O
VerticalSliderZoomMinLabel
Spécifie l'étiquette de texte de la valeur minimale du curseur de zoom.
STRING
n/a
O
O
XAxisField
Champ de la table d'informations représentant le contenu de la barre sur l'axe X.
Plusieurs sources de table d'informations XAxisField s'affichent dans la liste des propriétés lorsque vous sélectionnez la propriété MultipleDataSources.
INFOTABLE
n/a
N
N
XAxisLabel
Affiche le texte d'étiquette de l'axe X.
STRING
Axe X
O
O
XAxisLabelAlignment
Aligne l'étiquette de l'axe X A gauche, A droite ou Au centre.
STRING
Gauche
N
N
XAxisType
Définit le format des valeurs de l'axe X sur Chaîne, Numérique ou Date/Heure.
Le type par défaut est Chaîne.
Lorsque vous définissez XAxisType sur Numérique ou Date/Heure, les propriétés XAxisMaximumValues et XAxisMinimumValues apparaissent dans la liste des propriétés. Ces propriétés acceptent les valeurs numériques pour Numérique et les valeurs de date pour Date/Heure.
STRING
String
N
N
XAxisMaximumValues
Définit la plage de valeurs maximale de l'axe X. Par défaut, la plage est calculée automatiquement en fonction des données du widget. La valeur de cette propriété est ignorée si les données du graphique contiennent une valeur plus grande.
Le type de valeur de cette propriété dépend de votre sélection pour la propriété XAxisType.
STRING
n/a
O
N
XAxisMinimumValues
Définit la plage de valeurs minimale de l'axe X. Par défaut, la plage est calculée automatiquement en fonction des données du widget. La valeur de cette propriété est ignorée si les données du graphique contiennent une valeur plus petite.
Le type de valeur de cette propriété dépend de votre sélection pour la propriété XAxisType.
STRING
n/a
O
N
XAxisDateFormatToken
Localise le format de date en utilisant le modèle DD-MM-YY pour l'axe X.
Cette propriété est disponible lorsque vous définissez XAxisType sur Date/Heure.
STRING
n/a
O
O
XAxisFormat
Définit le format des valeurs de l'axe X.
Cette propriété est disponible lorsque vous définissez XAxisType sur Numérique.
STRING
0000.0
O
N
YAxisLabel
Affiche le texte d'étiquette de l'axe Y.
STRING
Axe Y
O
O
YAxisLabelAlignment
Aligne l'étiquette de l'axe Y En haut, Au milieu ou En bas.
STRING
Au milieu
N
N
YAxisType
Définit le format des valeurs de l'axe Y sur Chaîne, Numérique ou Date/Heure.
Le type par défaut est Chaîne.
Lorsque vous définissez YAxisType sur Numérique ou Date/Heure, les propriétés YAxisMaximumValues et YAxisMinimumValues apparaissent dans la liste des propriétés. Ces propriétés acceptent les valeurs numériques pour Numérique et les valeurs de date pour Date/Heure.
STRING
String
N
N
YAxisMaximumValues
Définit la plage de valeurs maximale de l'axe Y. Par défaut, la plage est calculée automatiquement en fonction des données du widget. La valeur de cette propriété est ignorée si les données du graphique contiennent une valeur plus grande.
Le type de valeur de cette propriété dépend de votre sélection pour la propriété YAxisType.
STRING
n/a
O
N
YAxisMinimumValues
Définit la plage de valeurs minimale de l'axe Y. Par défaut, la plage est calculée automatiquement en fonction des données du widget. La valeur de cette propriété est ignorée si les données du graphique contiennent une valeur plus petite.
Le type de valeur de cette propriété dépend de votre sélection pour la propriété YAxisType.
STRING
n/a
O
N
YAxisDateFormatToken
Localise le format de date en utilisant le modèle DD-MM-YY pour l'axe Y.
Cette propriété est disponible lorsque vous définissez YAxisType sur Date/Heure.
STRING
n/a
O
O
YAxisFormat
Définit le format des valeurs de l'axe Y.
Cette propriété est disponible lorsque vous définissez YAxisType sur Numérique.
STRING
0000.0
O
N
YAxisValuesFormat
Définit le format des étiquettes de valeur de l'axe Y.
Cette propriété est disponible lorsque vous définissez HideValues sur "faux".
STRING
O
N
SecondYAxisValuesFormat
Définit le format des étiquettes de valeur qui s'affichent sur le deuxième axe Y.
Cette propriété est disponible lorsque vous définissez HideValues sur "faux".
STRING
O
N
Est-ce que cela a été utile ?