[comment]: # ({11452be8-11452be8})
# 2 Graphiques personnalisés

[comment]: # ({/11452be8-11452be8})

[comment]: # ({c1b0bb92-12dcf0a4})
#### Aperçu

Les graphiques personnalisés, comme leur nom l’indique, offrent des possibilités de personnalisation.

Bien que les graphiques simples soient adaptés à l’affichage des données d’un seul élément, ils n’offrent pas de possibilités de configuration.

Ainsi, si vous souhaitez modifier le style du graphique ou la manière dont les lignes sont affichées, ou comparer plusieurs éléments, par exemple le trafic entrant et sortant dans un seul graphique, vous avez besoin d’un graphique personnalisé.

Les graphiques personnalisés sont configurés manuellement.

Ils peuvent être créés pour un hôte, plusieurs hôtes ou un seul modèle.

[comment]: # ({/c1b0bb92-12dcf0a4})

[comment]: # ({b18e6658-96c61306})
#### Configuration des graphiques personnalisés

Pour créer un graphique personnalisé, procédez comme suit :

-   Allez dans *Collecte de données > Hôtes (ou modèles)*
-   Cliquez sur *Graphiques* dans la ligne correspondant à l'hôte ou au modèle souhaité
-   Dans l'écran des graphiques, cliquez sur *Créer un graphique*
-   Modifiez les attributs du graphique

![](../../../../../assets/en/manual/config/visualization/graph2.png){width="600"}

Tous les champs obligatoires sont marqués d'un astérisque rouge.

Attributs du graphique :

|Paramètre|<|Description|
|-|----------|----------------------------------------|
|*Nom*|<|Nom unique du graphique.<br>Les expressions [macros](/manual/appendix/macros/supported_by_location) sont prises en charge dans ce champ, mais uniquement avec les fonctions `avg`, `last`, `min` et `max`, avec le temps comme paramètre (par exemple, `{?avg(/host/key,1h)}`).<br>Les macros {HOST.HOST<1-9>} sont prises en charge pour une utilisation dans cette macro, en faisant référence au premier, deuxième, troisième, etc. hôte du graphique, par exemple `{?avg(/{HOST.HOST2}/key,1h)}`. Notez que la référence au premier hôte avec cette macro est redondante, car le premier hôte peut être référencé implicitement, par exemple `{?avg(//key,1h)}`.|
|*Largeur*|<|Largeur du graphique en pixels (pour l'aperçu et les graphiques en camembert/explosés uniquement).|
|*Hauteur*|<|Hauteur du graphique en pixels.|
|*Type de graphique*|<|Type de graphique :<br>**Normal** - graphique normal, les valeurs sont affichées sous forme de lignes<br>**Empilé** - graphique empilé, les zones remplies sont affichées<br>**Camembert** - graphique en camembert<br>**Explosé** - graphique en camembert "explosé", les portions sont affichées comme "découpées" du camembert|
|*Afficher la légende*|<|Cocher cette case permet d'afficher la légende du graphique.|
|*Afficher le temps de travail*|<|Si cette option est sélectionnée, les heures non travaillées seront affichées avec un fond gris. Ce paramètre n'est pas disponible pour les graphiques en camembert et en camembert explosé.|
|*Afficher les déclencheurs*|<|Si cette option est sélectionnée, les [déclencheurs simples](/manual/web_interface/frontend_sections/dashboards/widgets/graph#displaying-options) seront affichés sous forme de lignes avec des tirets noirs superposés à la couleur de gravité du déclencheur. Ce paramètre n'est pas disponible pour les graphiques en camembert et en camembert explosé.|
|*Ligne de percentile (gauche)*|<|Afficher le percentile pour l'axe Y gauche. Par exemple, si le percentile 95 % est défini, la ligne de percentile sera au niveau où 95 % des valeurs sont inférieures. Affichée sous forme de ligne vert vif. Disponible uniquement pour les graphiques normaux.|
|*Ligne de percentile (droite)*|<|Afficher le percentile pour l'axe Y droit. Par exemple, si le percentile 95 % est défini, la ligne de percentile sera au niveau où 95 % des valeurs sont inférieures. Affichée sous forme de ligne rouge vif. Disponible uniquement pour les graphiques normaux.|
|*Valeur MIN de l'axe Y*|<|Valeur minimale de l'axe Y :<br>**Calculée** - la valeur minimale de l'axe Y sera calculée automatiquement.<br>**Fixe** - valeur minimale fixe pour l'axe Y. <br>**Élément** - la dernière valeur de l'élément sélectionné sera la valeur minimale.<br><br> Ce paramètre n'est pas disponible pour les graphiques en camembert et en camembert explosé.|
|*Valeur MAX de l'axe Y*|<|Valeur maximale de l'axe Y :<br>**Calculée** - la valeur maximale de l'axe Y sera calculée automatiquement.<br>**Fixe** - valeur maximale fixe pour l'axe Y. <br>**Élément** - la dernière valeur de l'élément sélectionné sera la valeur maximale<br><br> Ce paramètre n'est pas disponible pour les graphiques en camembert et en camembert explosé.|
|*Vue 3D*|<|Activer le style 3D. Uniquement pour les graphiques en camembert et en camembert explosé.|
|*Éléments*|<|Éléments dont les données doivent être affichées dans ce graphique. Cliquez sur *Ajouter* pour sélectionner des éléments. Vous pouvez également sélectionner diverses options d'affichage (fonction, style de tracé, affichage sur l'axe gauche/droit, couleur).|
|<|*Ordre de tri (0→100)*|Ordre de tracé. 0 sera traité en premier. Peut être utilisé pour tracer des lignes ou des zones derrière (ou devant) une autre.<br>Vous pouvez faire glisser et déposer des éléments à l'aide de l'icône au début d'une ligne pour définir l'ordre de tri ou déterminer quel élément est affiché devant l'autre.|
|^|*Nom*|Le nom de l'élément sélectionné est affiché sous forme de lien. En cliquant sur le lien, vous ouvrez la liste des autres éléments disponibles.|
|^|*Type*|Type (disponible uniquement pour les graphiques en camembert et en camembert explosé) :<br>**Simple** - la valeur de l'élément est représentée proportionnellement sur le camembert<br>**Somme du graphique** - la valeur de l'élément représente l'ensemble du camembert<br>Notez que la couleur de l'élément "somme du graphique" ne sera visible que dans la mesure où elle n'est pas occupée par des éléments "proportionnels".|
|^|*Fonction*|Sélectionnez les valeurs qui seront affichées lorsqu'il existe plus d'une valeur par pixel vertical du graphique pour un élément :<br>**all** - afficher toutes les valeurs possibles (minimum, maximum, moyenne) dans le graphique. Notez que pour des périodes plus courtes, ce paramètre n'a aucun effet ; uniquement pour des périodes plus longues, lorsque la congestion des données dans un pixel vertical du graphique augmente, 'all' commence à afficher les valeurs minimum, maximum et moyenne. Cette fonction est disponible uniquement pour le type de graphique *Normal*. Voir aussi : Génération de graphiques [à partir de l'historique/des tendances](/manual/config/visualization/graphs/simple#generating-from-historytrends).<br>**avg** - afficher les valeurs moyennes<br>**last** - afficher les dernières valeurs. Cette fonction est disponible uniquement si *Camembert/Camembert explosé* est sélectionné comme type de graphique.<br>**max** - afficher les valeurs maximales<br>**min** - afficher les valeurs minimales|
|^|*Style de tracé*|Sélectionnez le style de tracé (disponible uniquement pour les graphiques normaux ; pour les graphiques empilés, une zone remplie est toujours utilisée) à appliquer aux données de l'élément - *Ligne*, *Ligne en gras*, *Zone remplie*, *Point*, *Ligne en tirets*, *Ligne en dégradé*.|
|^|*Côté de l'axe Y*|Sélectionnez le côté de l'axe Y sur lequel afficher les données de l'élément - *Gauche*, *Droite*.|
|^|*Couleur*|Sélectionnez la couleur à appliquer aux données de l'élément.|

[comment]: # ({/b18e6658-96c61306})

[comment]: # ({20d0972f-f02a35a5})
##### Aperçu du graphique

Dans l’onglet *Aperçu*, un aperçu du graphique est affiché afin que vous puissiez voir immédiatement ce que vous êtes en train de créer.

![](../../../../../assets/en/manual/config/visualization/graph_preview.png){width="600"}

Notez que l’aperçu n’affichera aucune donnée pour les éléments de modèle.

![](../../../../../assets/en/manual/config/visualization/graph_preview2.png){width="600"}

Dans cet exemple, faites attention à la ligne en pointillés épaisse affichant le niveau du déclencheur ainsi qu’aux informations du déclencheur affichées dans la légende.

::: noteclassic
Pas plus de 3 lignes de déclencheur peuvent être affichées.
S’il y a davantage de déclencheurs, ceux ayant une sévérité plus faible sont prioritaires pour l’affichage.<br><br>
Si la hauteur du graphique est définie à moins de 120 pixels, aucun déclencheur ne sera affiché dans la légende.
:::

[comment]: # ({/20d0972f-f02a35a5})