全部產品
Search
文件中心

Quick BI:面積圖

更新時間:Jun 30, 2024

面積圖可用來展示在一定時間內資料的趨勢走向以及它們所佔的面積比例。本文為您介紹如何為面積圖添加資料並配置樣式。

前提條件

已建立儀表板,請參見建立儀表板

圖表概述

使用情境

在面積圖中,可以得出資料隨時間變化的結論,例如資料隨時間遞增、資料隨時間遞減、資料是否呈現周期性變化、資料稱指數性增長等。

優勢簡介

  • 計算能力:一鍵配置同環比、累計計算,智能輔助線、趨勢線、預測走勢、異常點檢測、波動分析。

  • 視覺效果:支援面積圖、堆積面積、百分比堆積效果,可顯示標籤、圖例、縮減軸等配置。

  • 資料對比標註能力:支援對資料進行同期對比、並進行數值標註。

效果圖樣本

image.png

圖表資料配置

  1. 資料頁簽,選擇需要的維度欄位和度量欄位:

    • 維度列表中,找到省份,雙擊或拖拽至類別軸/維度地區。

    • 維度列表中,找到產品類型,雙擊或拖拽至顏色圖例/維度地區。

    • 度量列表中,找到訂單金額,雙擊或拖拽至值軸/度量地區。

  2. 單擊更新

    image..png

圖表樣式配置

下面為您介紹圖表的樣式配置,圖表通用的樣式配置請參見配置圖表標題區

您可以在配置區頂部的搜尋方塊中輸入關鍵字快速尋找配置項進行配置。同時單擊右側image..png圖表支援操作展開/收合全部類別

面積圖-搜尋..gif

  • 繪圖區域中,設定線圖樣式。

    image

    圖表配置項

    配置項說明

    可視化圖表切換

    設定圖表類型,支援線圖、面積圖、堆積面積圖、百分比堆疊面積圖

    配色設定

    您可以為線條配色。

    空值處理

    支援設定直接跨過、置為0,不斷開線條斷開三種方式。

    堆積百分比堆積

    支援面積圖、堆積面積圖和百分比堆疊面積圖的切換。

    堆積百分比堆積

    移動端預設選中

    設定選中後,預設選中項支援選擇全域最後一個維值指定系列最後一個維值

  • 座標軸中,設定座標軸樣式,預設選中顯示座標軸。

    您可以勾選顯示雙Y軸,僅當添加的度量個數≥2個時,設定的雙Y軸才生效。選中該選項,則在座標軸地區會出現右Y軸

    image

    名稱

    配置項

    說明

    X軸

    顯示X軸

    設定是否顯示X軸。

    顯示標題和單位

    設定X座標軸上是否顯示軸標題單位

    顯示軸標籤

    設定X軸上是否顯示標籤,以及軸標籤顯示規則、文本樣式

    展示內容

    設定展示內容為部分或全部維度。

    image.png

    顯示刻度標記

    設定X軸上是否顯示刻度標記。

    顯示座標軸

    設定是否顯示X軸,包括線型、線寬和顏色。

    顯示軸標籤

    設定X軸上是否顯示標籤。

    顯示網格線

    設定X軸上是否顯示網格線,包括線型、線寬和顏色。

    左Y軸

    Y軸刻度翻轉

    您可以設定翻轉Y軸刻度值。

    面積圖-Y軸翻轉..gif

    顯示左Y軸

    設定是否顯示左Y軸。

    顯示標題和單位

    設定是否顯示軸標題單位

    顯示軸標籤

    設定左Y軸上是否顯示標籤,以及標籤與刻度範圍、軸標籤顯示格式設定。

    顯示刻度標記

    設定左Y軸上是否顯示刻度標記。

    顯示座標軸

    設定是否顯示左Y軸,包括線型、線寬和顏色。

    顯示網格線

    設定左Y軸上是否顯示網格線,包括線型、線寬和顏色。

    軸值範圍與間隔

    • 支援自動與手動設定左Y軸標籤與刻度範圍的最大值/最小值

    • 支援設定自訂間隔按步長或按等分數量。

    97.gif

    說明

    僅當選中顯示雙Y軸時,需要配置右Y軸,參數配置同左Y軸

  • 圖例中,設定是否顯示圖例及圖例樣式。

    • PC端配置

      image

      圖表配置項

      配置項說明

      位置

      設定圖例顯示位置,支援以下四種圖例呈現方式。

      image

      文本

      設定圖例文本樣式。

    • 移動端配置image.png

      圖表配置項

      配置項說明

      位置/多行等分展示

      選擇多行等分展示方式後可多行展示度量指標,例如:

      Untitled.gif

      當選擇多行等分展示方式時,度量名稱較長被隱藏,可通過文本顯示完整功能實現,例如:

      image.png

      位置/一行平鋪展示

      勾選後可將多行度量指標改為,一行平鋪的展示方式。

      Untitled.gif

      指標展示

      指標未被選擇時,展示效果預設為 “-”,可切換為“空”的展示效果。

      Untitled.gif

  • 資料標籤中,設定是否顯示資料標籤以及標籤樣式。

    image

    圖表配置項

    配置項說明

    全量顯示

    設定是否全量顯示資料標籤。

    位置

    設定標籤顯示位置。

    文本

    設定標籤文本樣式。

  • 工具提示中,設定工具提示方式。

    image.png

    說明

    切換到移動端布局,支援控制移動端工具提示是否展示。image.png

    圖表配置項

    配置項說明

    展示方式

    設定提示資訊展示方式,支援按單資料點、按維值兩種方式。

    內容

    展示方式為按單資料點時,支援佔比;

    展示方式為按維值時,支援總計和佔比。

    背景色

    設定背景顏色。

    文本

    設定提示文字樣式。

  • 系列設定中,設定系列樣式。

    image

    說明

    僅當啟用顏色圖例/維度時,才需要在系列設定中設定別名和數值顯示格式設定。

    圖表配置項

    配置項說明

    請選擇系列

    根據業務情境選擇維度或度量項。

    線條樣式

    更改線圖的線型。

    說明

    堆積與百分比堆積不支援該功能。

    顯示標記點

    支援標記點顯示為圓、空心圓、菱形和空心菱形。

    說明

    堆積與百分比堆積不支援該功能。

    顯示資料標籤

    設定是否顯示資料標籤,包括標籤顏色、位置。

    顯示最值

    顯示線圖上最大值和最小值的標籤。

    說明

    堆積與百分比堆積不支援該功能。

  • 輔助展示中,設定指標篩選展示以及縮減軸。

    image

    圖表配置項

    配置項說明

    開啟指標篩選展示

    設定是否開啟,開啟後設定預設選中指標欄位。

    顯示縮減軸

    設定縮減軸顯示方式。

圖表分析配置

配置項

名稱

說明

互動分析

切入

當您配置了圖表的切入功能時,可以對切入層級行的展示樣式進行配置。具體請參見切入

聯動

當需要分析的資料存在於不同的圖表,您可以通過圖表聯動,把多個圖表關聯起來,形成聯動進行資料分析。具體設定請參見聯動

跳轉

當需要分析的資料存在於多個儀表板時,您可以通過儀表板跳轉,把多個儀表板關聯起來,進行資料分析。跳轉包含參數跳轉外部連結兩種方式。具體設定請參見跳轉

分析預警

輔助線

通過輔助線可以查看當前度量值與輔助線設定值之間的差異。輔助線設定值分為固定值和計算值兩種。計算值包含平均值、最大值、最小值和中位元四類。具體設定請參見輔助線

趨勢線

通過趨勢線可以展示當前資料的整體發展趨勢。趨勢線分為智能推薦、線性、對數、指數、多項式、冪函數六種。具體設定請參見趨勢線

標註

-

當圖表中的資料存在異常或需要重點關注時,支援使用顏色高亮、表徵圖、注釋或資料點的方式行標註,協助您識別異常並採取相應的行動。具體設定請參見標註

使用限制

面積圖由值軸/度量類別軸/維度顏色圖例/維度組成:

  • 類別軸由資料的維度決定,至少選擇1個維度。例如日期、省份或產品類型。

  • 值軸由資料的度量決定,至少選擇1個度量。例如訂單數量。

  • 顏色圖例由資料的維度決定,只能選擇1個維度。例如運輸方式。

    說明

    當值軸上僅有1個度量欄位時,才可以啟用顏色圖例。

後續步驟

  • 當其他人需要查看儀表板時,您可以分享儀表板給特定的人,請參見分享儀表板

  • 當您需要製作複雜的帶導覽功能表,用於專題類分析時,可以將建立好的儀表板整合到資料門戶,請參見建立資料門戶