Graphique d'étape
Génère un graphique d'étape pour un ensemble de données, avec la possibilité d'ajouter des arborescences d'exploration pour des ensembles de données supplémentaires. Vous devez charger l'ensemble de données en utilisant un service.
Propriétés de configuration
Sous Configuration, définissez ou modifiez les propriétés d'apparence et de comportement de la vue.
- Taille de l'écran
- Une propriété de configuration comportant l'icône Tailles d'écran
en regard du nom de la propriété peut avoir des valeurs différentes pour chaque taille d'écran. Si vous ne définissez pas de valeur, la taille de l'écran hérite de la valeur de taille d'écran supérieure suivante comme valeur par défaut.
- Définitions de thème
- Les définitions de thème spécifient les couleurs et les styles d'une vue et déterminent son apparence. Vous pouvez prévisualiser l'apparence des vues dans l'éditeur de thème. Voir Thèmes.
Restriction: si vous rencontrez des problèmes de dimensionnement lorsque vous affichez le graphique dans un panneau réductible, utilisez le code suivant sur l'événement On expand du panneau réductible pour ajuster la taille du graphique à l'espace disponible:
${CHART_CONTROL_ID}.refresh();Les propriétés de configuration de l'apparence du contrôle Graphique d'étape sont répertoriées dans le tableau ci-dessous :
| Propriété de configuration de l'apparence | Description | Type de données |
|---|---|---|
| Afficher la zone sous les étapes | La zone sous le Graphique d'étapes est remplie (similaire au rendu de la vue Graphique en aires). | Boolean |
| Style de couleur d'arrière-plan | Style de la couleur d'arrière-plan. | String |
| Style de couleur de série de données | Style de couleur de la série de données. | String |
| Style de couleur personnalisé de série de données | Personnalisez le style de couleur de la série de données. Dans NameValuePair, Name est le nom de la série et Value, la couleur spécifiée en tant que nom, code hexadécimal ou code RVB. Par exemple, red, #ff0000, rgb(255, 0, 0). La propriété a priorité sur Style de couleur de la série de données. |
NameValuePair |
| Afficher les libellés de valeur | Afficher les valeurs des points de données au-dessus de chaque point du graphique. | Boolean |
| Afficher l'élément de navigation | Lorsque cette option est activée, le titre affiche la position actuelle de l'arborescence que l'utilisateur peut analyser (selon la sélection du menu). | Boolean |
| Style de la couleur de l'axe XY | Style de couleur des axes X et Y. | String |
| Style du quadrillage | Style des lignes horizontales. | String |
| Rotation du libellé sur l'axe des X | Rotation en degrés du libellé de l'axe des X. | Decimal |
| Hauteur de l'axe des X | Hauteur de l'axe des X. | Integer |
| Rayon de la bordure | Rayon du graphique. | String |
| Cadrage | Remplissage à droite, en haut, à gauche et en bas du graphique (en pixels). | String |
| Hauteur |
Hauteur du graphique. | Integer |
Les propriétés de configuration du comportement du contrôle Graphique
d'étape sont répertoriées dans le tableau ci-dessous :
Pour plus d'informations sur les arborescences d'exploration que vous pouvez utiliser avec vos graphiques, voir Arborescences d'exploration.
| Propriété de configuration du comportement | Description | Type de données |
|---|---|---|
| Mode de données du graphique | Indiquez si vous souhaitez remplir les données de graphique à partir d'un service ou de l'option de configuration. Notez que les arborescences que les utilisateurs peuvent explorer ne sont disponibles qu'en remplissant les données par le biais d'un flux e service avec les droits d'accès Ajax appropriés. | String |
| Service de données | Service qui remplit la série de données. | Service Flow |
| Séries de données | La valeur seriesName est le nom de la série de données et dataPoints, la liste des points de données à inclure dans la série de données. | String pour seriesName et
DataPoint[] pour la liste de dataPoints. |
| Activer le menu | Active la visibilité du menu. Le menu est nécessaire si vous utilisez une arborescence que les utilisateurs peuvent explorer ou si vous avez ajouté des menus. | Boolean |
| Nombre de graduations sur l'axe des Y | Nombre de graduations sur l'axe des Y. La valeur que vous spécifiez n'est pas interprétée comme un nombre exact, mais elle est ajustée au nombre de graduations le mieux adapté pour fournir un affichage optimal. | Integer |
| Précision des graduations sur l'axe des Y | Nombre de décimales à afficher pour les étiquettes de valeur de l'axe des Y. Le nombre par défaut de décimales est 0. | Integer |
| Valeur minimale sur l'axe des Y | Valeur minimale sur l'axe des Y. | Decimal |
| Valeur maximale sur l'axe des Y | Valeur maximale sur l'axe des Y. | Decimal |
| Utiliser la suppression d'éléments indésirables sur l'axe des X | N'affiche que le nombre de graduations des données sur l'axe des X, déterminé par la valeur de la propriété Nombre maximal de graduations sur l'axe des X. | Boolean |
| Nombre de graduations sur l'axe des X | Nombre de graduations sur l'axe des X. La valeur que vous spécifiez n'est pas interprétée comme un nombre exact, mais elle est ajustée au nombre de graduations le mieux adapté pour fournir un affichage optimal. | Integer |
| Afficher l'infobulle | Si, lorsque cette option est activée, vous passez la souris sur les points de données du graphique, une infobulle s'affiche. L'infobulle affiche le nom du point et sa valeur. | Boolean |
Evénements
Vous pouvez définir ou modifier des gestionnaires d'événements pour la vue dans l'onglet Evénements. Vous pouvez définir des événements à déclencher par programmation ou lorsqu'un utilisateur interagit avec la vue. Pour plus d'informations sur la manière de définir et de coder des événements, voir Evénements définis par l'utilisateur.Le graphique d'étape comporte les types de gestionnaire d'événements suivants:
- On load: activé lorsque le graphique est chargé, par exemple
me.defocusSeries("Brand1") - On refreshed: activé lorsque le graphique est actualisé, par exemple
me.focusSeries("Brand1") - On click: activé lorsque vous cliquez sur le graphique, par exemple
me.transform("donut", ["Brand1","Brand2"]) - On menu action: activé lorsqu'une action de menu est détectée, par exemple
console.log("Running menu action '" + action.name + "' on " + me.getSelectedDataPoint().label + " with value of " + me.getSelectedDataPoint().value)
Méthodes
Pour des informations détaillées sur les méthodes disponibles pour le contrôle Graphique d'étape, voir l'API Graphique d'étape JavaScript .
Ressources supplémentaires
Pour plus d'informations sur la création d'un coach ou d'une page, voir Génération de coaches.
Pour plus d'informations sur les propriétés standard (Général, Configuration, Positionnement, Visibilitéet Attributs HTML), voir Afficher les propriétés.