Partager via

Area chart

Applies to: ✅Microsoft Fabric✅Azure Data Explorer✅Azure Monitor✅Microsoft Sentinel

Le visuel de graphique en aires affiche une relation de série chronologique. La première colonne de la requête doit être numérique et elle est utilisée pour l’axe des abscisses (x). Les autres colonnes numériques correspondent aux axes y. Contrairement aux graphiques en courbes, les graphiques en aires représentent également visuellement un volume. Les graphiques en aires sont idéaux pour indiquer la modification entre différents jeux de données.

Note

This visualization can only be used in the context of the render operator.

Syntax

T|renderareachart [with(propertyName=propertyValue [, ...])]

Learn more about syntax conventions.

Parameters

Name Type Required Description
T string ✔️ Nom de la table d’entrée.
propertyName, propertyValue string Liste séparée par des virgules de paires de propriétés clé-valeur. See supported properties.

Supported properties

Toutes les propriétés sont facultatives.

PropertyName PropertyValue
accumulate Indique si la valeur de chaque mesure est ajoutée à tous ses prédécesseurs. (true ou false)
kind Élaboration plus poussée du type de visualisation. Pour plus d’informations, consultez kind la propriété.
legend Indique s’il faut afficher une légende ou non (visible ou hidden).
series Liste de colonnes (délimitées par des virgules) dont les valeurs par enregistrement combinées définissent la série à laquelle l’enregistrement appartient.
ymin Valeur minimale à afficher sur l’axe y.
ymax Valeur maximale à afficher sur l’axe y.
title Titre de la visualisation (de type string).
xaxis Comment mettre à l’échelle l’axe x (linear ou log).
xcolumn Quelle colonne dans le résultat est utilisée pour l’axe x.
xtitle Titre de l’axe x (de type string).
yaxis Comment mettre à l’échelle l’axe y (linear ou log).
ycolumns Liste de colonnes séparées par des virgules qui se composent des valeurs fournies par valeur de la colonne x.
ysplit Comment fractionner les valeurs de l’axe y pour plusieurs visualisations.
ytitle Titre de l’axe y (de type string).

Propriété ysplit

Cette visualisation prend en charge le fractionnement en plusieurs valeurs d’axe y :

ysplit Description
none Un axe y unique s’affiche pour toutes les données de série. (Default)
axes Un graphique unique s’affiche avec plusieurs axes y (un par série).
panels Un graphique est affiché pour chaque valeur de ycolumn. Cinq panneaux maximum.

Supported properties

Toutes les propriétés sont facultatives.

PropertyName PropertyValue
kind Élaboration plus poussée du type de visualisation. Pour plus d’informations, consultez kind la propriété.
series Liste de colonnes (délimitées par des virgules) dont les valeurs par enregistrement combinées définissent la série à laquelle l’enregistrement appartient.
title Titre de la visualisation (de type string).

Propriété kind

Cette visualisation peut être plus détaillée en fournissant la kind propriété. Les valeurs prises en charge de cette propriété sont les suivantes :

Valeur kind Description
default Chaque « zone » est autonome.
unstacked Comme pour default.
stacked Empilez les « zones » à droite.
stacked100 Empilez les « zones » à droite et étendez chacune d’elles à la même largeur que les autres.

Examples

L’exemple de cette section montre comment utiliser la syntaxe pour vous aider à commencer.

The examples in this article use publicly available tables in the help cluster, such as the StormEvents table in the Samples database.

The examples in this article use publicly available tables, such as the Weather table in the Weather analytics sample gallery. Vous devrez peut-être modifier le nom de la table dans l’exemple de requête pour qu’elle corresponde à la table de votre espace de travail.

Graphique en aires simples

L’exemple suivant montre une visualisation de graphique en aires de base.

Exécuter la requête

demo_series3
| render areachart

Capture d’écran de la visualisation de graphique en aires.

Graphique en aires à l’aide de propriétés

L’exemple suivant montre un graphique en aires à l’aide de plusieurs paramètres de propriété.

Exécuter la requête

OccupancyDetection
| summarize avg_temp= avg(Temperature), avg_humidity= avg(Humidity) by bin(Timestamp, 1h)
| render areachart
    with ( 
        kind = unstacked,
        legend = visible,
        ytitle ="Sample value",
        ymin = 10,
        ymax =100,
        xtitle = "Time",    
        title ="Humidity and temperature"
    )

Capture d’écran de la visualisation de graphique en aires avec des propriétés.

Graphique en aires à l’aide de panneaux fractionnés

L’exemple suivant montre un graphique en aires à l’aide de panneaux fractionnés. Dans cet exemple, la propriété ysplit est définie sur panels.

Exécuter la requête

StormEvents
| where State in ("TEXAS", "NEBRASKA", "KANSAS") and EventType == "Hail"
| summarize count=count() by State, bin(StartTime, 1d)
| render areachart
    with (
        ysplit= panels,
        legend = visible,
        ycolumns=count,
        yaxis =log,
        ytitle ="Count",
        ymin = 0,
        ymax =100,
        xaxis = linear,
        xcolumn = StartTime,
        xtitle = "Date",    
        title ="Hail events"
    )

Capture d’écran de la visualisation de graphique en aires avec des panneaux fractionnés.

  • Last updated on