Compartilhar via

Area chart

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

O objeto visual 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. As 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 o volume visualmente. 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 todos os seus predecessores ou não. (true ou false)
kind Maior elaboração do tipo de visualização. Para obter mais informações, consulte kind propriedade.
legend Se uma legenda será exibida ou não (visible ou hidden).
series Lista delimitada por vírgula de colunas cujos valores por registro combinados 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írgula de colunas formadas pelos 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).

Propriedade ysplit

Essa visualização dá suporte à divisão em vários valores de 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 valor ycolumn. No máximo cinco painéis.

Supported properties

Todas as propriedades são opcionais.

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

Propriedade kind

Essa visualização pode ser elaborada ainda mais fornecendo a kind propriedade. Os valores com suporte dessa propriedade são:

kind valor Description
default Cada "área" é independente.
unstacked Mesmo que default.
stacked Empilhe as "áreas" à direita.
stacked100 Empilhe as "áreas" à direita e alongue 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 workspace.

Gráfico de área simples

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

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 do gráfico de área com painéis divididos.

  • Last updated on