共用方式為


Area chart

Applies to: ✅Microsoft FabricAzure Data ExplorerAzure MonitorMicrosoft Sentinel

分區圖視覺效果會顯示時間序列關聯性。 查詢的第一個數據行應該是數值,並做為 X 軸使用。 其他數值數據行是 Y 軸。 與折線圖不同,分區圖也會以可視化方式呈現磁碟區。 分區圖很適合用來指出不同數據集之間的變更。

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 類型 Required Description
T string ✔️ 輸入數據表名稱。
propertyName, propertyValue string 索引鍵/值屬性組的逗號分隔清單。 See supported properties.

Supported properties

所有屬性都是選擇性的。

PropertyName PropertyValue
accumulate 每個量值的值是否會新增至其所有前置專案。 (truefalse
kind 進一步闡述視覺效果種類。 如需詳細資訊,請參閱 kind 屬性
legend 是否要顯示圖例(visiblehidden)。
series 以逗號分隔的數據行清單,其合併每個記錄值會定義記錄所屬的數位。
ymin 要顯示在 Y 軸上的最小值。
ymax 要顯示在 Y 軸上的最大值。
title 視覺效果的標題(類型 string為 )。
xaxis 如何縮放 X 軸 (linearlog)。
xcolumn 結果中的哪一個數據行用於 x 軸。
xtitle x 軸的標題(類型為 string)。
yaxis 如何縮放 Y 軸 (linearlog)。
ycolumns 以逗號分隔的數據列清單,其中包含 x 資料行每個值所提供的值。
ysplit 如何分割多個視覺效果的 Y 軸值。
ytitle y 軸的標題(類型 string為 )。

ysplit 屬性

此視覺效果支援分割成多個 Y 軸值:

ysplit Description
none 所有數列數據都會顯示單一 Y 軸。 (Default)
axes 單一圖表會以多個 Y 軸顯示(每個數列一個)。
panels 每個 ycolumn 值都會轉譯一張圖表。 最多五個面板。

Supported properties

所有屬性都是選擇性的。

PropertyName PropertyValue
kind 進一步闡述視覺效果種類。 如需詳細資訊,請參閱 kind 屬性
series 以逗號分隔的數據行清單,其合併每個記錄值會定義記錄所屬的數位。
title 視覺效果的標題(類型 string為 )。

kind 屬性

藉由提供 kind 屬性,即可進一步詳細說明此視覺效果。 此屬性的支援值為:

kind Description
default 每個「區域」各自站立。
unstacked default 相同。
stacked 右側堆疊「區域」。
stacked100 堆疊右側的「區域」,並將每個區域伸展至與其他人相同的寬度。

Examples

本節中的範例示範如何使用 語法來協助您開始使用。

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. 您可能需要修改範例查詢中的資料表名稱,以符合工作區中的資料表。

簡單分區圖

下列範例顯示基本分區圖視覺效果。

demo_series3
| render areachart

分區圖視覺效果的螢幕快照。

使用屬性的分區圖

下列範例顯示使用多個屬性設定的分區圖。

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

具有屬性的分區圖視覺效果螢幕快照。

使用分割面板的分區圖

下列範例顯示使用分割面板的分區圖。 在這裡範例中,ysplit 屬性會設定為 panels

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

分區圖視覺效果與分割面板的螢幕快照。