Partilhar via

Area chart

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

O visual do gráfico de área mostra uma relação de série temporal. A primeira coluna da consulta deve ser numérica e é usada como eixo x. Outras colunas numéricas são os eixos y. Ao contrário dos gráficos de linhas, os gráficos de área também representam visualmente o volume. Os gráficos de área são ideais para indicar a mudança entre diferentes conjuntos de dados.

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 Tipo Required Description
T string ✔️ Nome da tabela de entrada.
propertyName, propertyValue string Uma lista separada por vírgulas de pares de propriedades chave-valor. See supported properties.

Supported properties

Todas as propriedades são opcionais.

PropertyName PropertyValue
accumulate Se o valor de cada medida é adicionado a todas as suas antecessoras. (true ou false)
kind Elaboração adicional do tipo visualização. Para obter mais informações, consulte kind propriedade.
legend Exibir ou não uma legenda (visible ou hidden).
series Lista delimitada por vírgulas de colunas cujos valores combinados por registro definem a série à qual o registro pertence.
ymin O valor mínimo a ser exibido no eixo Y.
ymax O valor máximo a ser exibido no eixo Y.
title O título da visualização (do tipo string).
xaxis Como dimensionar o eixo x (linear ou log).
xcolumn Qual coluna no resultado é usada para o eixo x.
xtitle O título do eixo x (do tipo string).
yaxis Como dimensionar o eixo y (linear ou log).
ycolumns Lista delimitada por vírgulas de colunas que consistem nos valores fornecidos por valor da coluna x.
ysplit Como dividir os valores do eixo y para várias visualizações.
ytitle O título do eixo y (do tipo string).

ysplit propriedade

Esta visualização suporta a divisão em vários valores do eixo y:

ysplit Description
none Um único eixo y é exibido para todos os dados da série. (Default)
axes Um único gráfico é exibido com vários eixos y (um por série).
panels Um gráfico é renderizado para cada ycolumn valor. Máximo de cinco painéis.

Supported properties

Todas as propriedades são opcionais.

PropertyName PropertyValue
kind Elaboração adicional do tipo visualização. Para obter mais informações, consulte kind propriedade.
series Lista delimitada por vírgulas de colunas cujos valores combinados por registro definem a série à qual o registro pertence.
title O título da visualização (do tipo string).

kind propriedade

Esta visualização pode ser mais elaborada fornecendo a propriedade kind. Os valores suportados desta propriedade são:

Valor kind Description
default Cada "área" fica por si só.
unstacked O mesmo que default.
stacked Empilhar "áreas" à direita.
stacked100 Empilhar "áreas" à direita e esticar cada uma com a mesma largura que as outras.

Examples

O exemplo nesta seção mostra como usar a sintaxe para ajudá-lo a começar.

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. Talvez seja necessário modificar o nome da tabela na consulta de exemplo para corresponder à tabela em seu espaço de trabalho.

Gráfico de área simples

O exemplo a seguir mostra uma visualização de gráfico de área básica.

Executar a consulta

demo_series3
| render areachart

Captura de tela da visualização do gráfico de área.

Gráfico de área usando propriedades

O exemplo a seguir mostra um gráfico de área usando várias configurações de propriedade.

Executar a 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 tela da visualização do gráfico de área com propriedades.

Gráfico de área usando painéis divididos

O exemplo a seguir mostra um gráfico de área usando painéis divididos. Neste exemplo, a propriedade ysplit é definida como panels.

Executar a 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 tela da visualização de gráfico de área com painéis divididos.

  • Last updated on