Compartir a través de

Area chart

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

El objeto visual de tipo gráfico de áreas muestra una relación de serie temporal. La primera columna de la consulta debe ser numérica y se utiliza como eje X. Las otras columnas numéricas son los ejes Y. A diferencia de los gráficos de líneas, los gráficos de áreas también representan visualmente el volumen. Los gráficos de áreas son ideales para indicar el cambio entre diferentes conjuntos de datos.

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 ✔️ Nombre de la tabla de entrada.
propertyName, propertyValue string Lista separada por comas de pares de propiedades clave-valor. See supported properties.

Supported properties

Todas las propiedades son opcionales.

PropertyName PropertyValue
accumulate Indica si el valor de cada medida se agrega a todos sus predecesores. (true o false)
kind Más información sobre el tipo de visualización. Para obtener más información, consulte la kind propiedad .
legend Indica si se va a mostrar una leyenda o no (visible o hidden).
series Lista delimitada por comas de columnas cuyos valores por registro combinados definen la serie a la que pertenece el registro.
ymin Valor mínimo que se va a mostrar en el eje Y.
ymax Valor máximo que se va a mostrar en el eje Y.
title Título de la visualización (de tipo string).
xaxis Cómo se escala el eje X (linear o log).
xcolumn Qué columna del resultado se usa para el eje X.
xtitle Título del eje X (de tipo string).
yaxis Cómo se escala el eje Y (linear o log).
ycolumns Lista delimitada por comas de las columnas que se componen de los valores proporcionados por valor de la columna X.
ysplit Cómo dividir los valores del eje Y para varias visualizaciones.
ytitle Título del eje Y (de tipo string).

Propiedad ysplit

Esta visualización admite la división en varios valores del eje Y:

ysplit Description
none Se muestra un solo eje Y para todos los datos de la serie. (Default)
axes Se muestra un único gráfico con varios ejes Y (uno por serie).
panels Se representa un gráfico para cada valor de ycolumn. Máximo de cinco paneles.

Supported properties

Todas las propiedades son opcionales.

PropertyName PropertyValue
kind Más información sobre el tipo de visualización. Para obtener más información, consulte la kind propiedad .
series Lista delimitada por comas de columnas cuyos valores por registro combinados definen la serie a la que pertenece el registro.
title Título de la visualización (de tipo string).

Propiedad kind

Esta visualización se puede elaborar aún más proporcionando la kind propiedad . Los valores admitidos de esta propiedad son:

Valor de kind Description
default Cada "área" es independiente.
unstacked Igual que default.
stacked Apilar "áreas" a la derecha.
stacked100 Apilar "áreas" a la derecha y ajustar cada una de ellas al mismo ancho que las demás.

Examples

En el ejemplo de esta sección se muestra cómo usar la sintaxis para ayudarle a empezar.

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. Es posible que tenga que modificar el nombre de la tabla en la consulta de ejemplo para que coincida con la tabla del área de trabajo.

Gráfico de áreas simples

En el ejemplo siguiente se muestra una visualización básica del gráfico de áreas.

Ejecución de la consulta

demo_series3
| render areachart

Captura de pantalla de la visualización del gráfico de áreas.

Gráfico de áreas mediante propiedades

En el ejemplo siguiente se muestra un gráfico de áreas con varios valores de propiedad.

Ejecución de la consulta

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"
    )

Captura de pantalla de la visualización del gráfico de áreas con propiedades.

Gráfico de áreas mediante paneles divididos

En el ejemplo siguiente se muestra un gráfico de áreas mediante paneles divididos. En este ejemplo, la propiedad ysplit se establece en panels.

Ejecución de la consulta

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"
    )

Captura de pantalla de la visualización del gráfico de áreas con paneles divididos.

  • Last updated on