全部產品
Search
文件中心

Quick BI:指標趨勢圖

更新時間:Jun 21, 2025

指標趨勢圖是Quick BI中的一種指標類可視化組件,主要用於展示一個或多個關鍵計量(度量)的最新資料或階段摘要資料,並結合其在選定時間段內的變化趨勢。這種圖表形態將關鍵數值與趨勢線(或面積圖、柱狀圖)相結合,使使用者能夠快速判斷指標表現,特別是通過觀察趨勢變化來識別潛在的經營異常或亮點。

前提條件

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

圖表概述

優勢簡介

  • 計算能力:一鍵配置進階計算同環比。

  • 視覺效果:顯示表徵圖LOGO、自訂背景、字型大小、顏色等。

  • 備忘能力:可自訂文字或指標等備忘資訊,可自訂跳轉外鏈路徑,實現資料與其他系統之間的互動。

使用情境

多用於某時間段指標資料及趨勢等情境,可通過指標的變化快速判斷是否有經營異常。

效果圖樣本

指標趨勢圖

使用限制

為確保指標趨勢圖的正常使用,請注意以下前提條件和配置限制。

  • 前提條件:已建立儀表板,請參見建立儀表板

  • 欄位配置限制:

    指標趨勢圖由指標/度量日期/維度組成:

    • 日期由資料的維度決定,只能選擇1個維度。例如訂單日期(day)。

    • 值指標由資料的度量決定,至少選擇1個度量。例如訂單數量和訂單金額。

圖表資料配置

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

    • 維度列表中,找到訂單日期(day),雙擊或拖動至日期/維度地區。

    • 度量列表中,找到訂單數量,訂單金額,運輸成本和利潤金額,依次雙擊或拖動至指標/度量地區。

  2. 選擇指標預設取值並單擊更新,系統自動更新圖表。

    • 最新日期資料:表示指標卡顯示的數值為當前選取的時間區間內,最新時間點的資料。

      若您選擇最新日期資料,則指標卡的數值為最後一天(20161230)的資料。

      image..png

    • 階段性摘要資料:表示指標卡顯示的數值為區間匯總的資料。

      若您選擇階段性摘要資料,則指標卡的數值為區間(20161201~20161230)匯總的資料。

      image..png

圖表樣式配置

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

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

指標趨勢圖-搜尋..gif

  • 趨勢圖中,設定趨勢圖類型、可視化圖表切換以及配色設定等。image

    圖表配置項

    配置項說明

    趨勢圖類型

    支援展示趨勢圖、指標帶小趨勢圖兩種類型。

    4567

    可視化圖表切換

    支援線圖、面積圖、柱圖相互切換。3

    配色設定

    設定指標的整體色彩配置。支援根據實際需求為每個指標設定指定的顏色。

    111

    線條類型

    (線圖/面積圖情境)

    支援曲線、直線

    線條樣式

    (線圖/面積圖情境)

    設定線條的線型及粗細。

    顯示標記點

    (線圖情境)

    設定是否顯示標記點、自訂標籤點的形狀。image

    空值處理

    (線圖/面積圖的情境)

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

    日期區間設定

    預設為30天。

    顯示圖例

    設定是否顯示圖例

    image

    說明

    僅當選擇為展示趨勢圖時才會出現該選項。

  • 指標布局中,設定指標塊的配置樣式。

    • 趨勢圖類型選擇展示趨勢圖時,進行以下配置。

      image..png

      圖表配置項

      配置項說明

      指標塊組展示形式

      多個指標介面無法顯示完全時,通過左右滑動可以滑動展示其他指標,或者換行平鋪展示所有指標。同時可以設定指標趨勢圖上每行指標塊的個數。

      image..png

      說明

      僅當開啟趨勢圖時才會出現該選項。

      背景色

      設定指標塊的背景顏色,支援透亮純色兩種方式。

      指標塊間距

      設定指標塊的間距

      指標塊高度

      設定指標塊高度,通過定義指標內容指標塊間距離來調整高度。

      指標與趨勢圖關聯互動

      支援單選多選

      • 單選:表示只能顯示一個度量指標趨勢圖。

      • 多選:表示同時顯示多個度量指標趨勢圖。

        說明

        僅當開啟趨勢圖時才會出現該選項。

        指標趨勢圖-指標互動

    • 趨勢圖類型選擇指標帶小趨勢圖時,進行以下配置。image.png

      圖表配置項

      配置項說明

      指標塊組展示形式

      支援設定指標趨勢圖上每行指標塊的個數。

      41.gif

      說明

      僅當開啟趨勢圖時才會出現該選項。

      指標塊分隔

      設定指標塊不分隔、分割線分隔或背景填充分隔。

      分割線顏色

      設定指標塊分割線的顏色。

      說明

      僅當指標塊分隔選擇分割線時才需要配置該選項。

      背景色

      設定指標塊背景填充的顏色,支援單色多色兩種方式。單色支援選擇顏色,多色支援顏色跟隨趨勢圖元素變化。

      42.gif

      說明

      僅當指標塊分隔選擇背景填充時才需要配置該選項。

      指標塊間距

      設定指標塊的間距

      說明

      僅當指標塊分隔選擇背景填充時才需要配置該選項。

  • 指標內容配置項中,設定指標塊中內容的位置及顯示方式、字型大小樣式、指標修飾圖樣式

    image.png

    圖表配置項

    配置項說明

    內容在指標塊中位置

    設定內容在指標塊中展示的位置,支援橫向居左橫向置中兩種方式。橫向置中方式下設定與指標對齊,支援靠左對齊置中對齊

    43.gif

    指標值行間距

    支援適中緊湊兩種方式。

    欄位描述表徵圖

    支援使用素材並設定欄位描述的顏色。

    image.png

    字型大小設定

    選擇是否開啟字型大小設定,開啟後支援設定維度名稱主指標名稱主指標數值副指標名稱和副指標數值字型大小、顏色、粗體、斜體

    說明
    • 指標/度量地區中,排在第1個的度量項為主指標。其他度量項均為副指標。

    指標修飾圖

    選擇是否顯示主指標修飾圖,選擇顯示後支援設置修飾圖位置、修飾圖類型、圖形樣式

    • 修飾圖位置支援左側上方兩種方式。

      image..png

    • 修飾圖類型支援素材圖片欄位兩種方式。

      1. 僅當資料集中包含圖片欄位時,且欄位類型為圖片類型(2)時,才能使用圖片欄位

      2. 選擇素材時,支援使用素材表徵圖自訂上傳本地圖片

        說明

        僅支援PNG、JPG、GIF格式的圖片,最大1M。

        image

    • 圖樣形式支援透亮純色兩種方式。

  • 座標軸中,設定X軸、左/右Y軸的樣式。

    9021.png

    名稱

    配置項

    說明

    顯示雙Y軸

    設定是否顯示雙Y軸。

    X軸

    顯示X軸

    設定是否顯示X軸。

    顯示標題和單位

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

    顯示軸標籤

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

    顯示刻度標記

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

    顯示座標軸

    設定顯示座標軸樣式,包括線型、線寬和顏色。

    顯示網路線

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

    左Y軸

    顯示左Y軸

    設定是否顯示左Y軸。

    Y軸刻度翻轉

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

    Untitled.gif

    顯示標題和單位

    設定是否顯示軸標題單位

    顯示軸標籤

    設定左Y軸上是否顯示標籤。

    顯示刻度標記

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

    最大值、最小值

    • 若且唯若趨勢圖類型為展示趨勢圖時,支援配置最大值、最小值;

    • 若且唯若自訂的最大值大於資料本身的最大值,最小值小於資料本身的最小值時,自訂最值可用,否則不生效。

    說明

    選中自動,表示智能顯示該座標軸的最值。清除自動後,可以手動設定該座標軸的最值。

    顯示座標軸

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

    軸標籤顯示格式設定

    設定軸標籤顯示格式。支援自動適配自訂格式手動輸入

    當您給指標配置了度量單位,展示該指標時希望對應的垂直軸標籤與其度量單位格式相同。您可以選擇顯示格式設定為自動適配,同時勾選單選時,跟隨度量資料格式配置項。

    軸標籤

    顯示網路線

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

    軸值範圍與間隔

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

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

    96.gif

    說明

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

  • 資料標籤配置項中,設定標籤顯示樣式。

    image..png

    圖表配置項

    配置項說明

    全量顯示

    勾選後,資料標籤將全量顯示。

    文本

    設定標籤文本樣式。

  • 工具提示中,設定提示內容展示方式、以及背景色文本樣式、

    image..png

    說明
    • 僅當指標布局->指標與趨勢圖關聯互動開啟多選時,內容裡才支援按總計和佔比,當展示方式為按單資料點時,支援佔比;當展示方式為按維值時,支援總計和佔比。image.png

    • 僅當開啟副指標展示時,內容裡才支援勾選副指標。image.png

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

  • 系列設定中,選擇指標系列設定資料標籤、最值以及指標資料前尾碼。

    image..png

    圖表配置項

    配置項說明

    請選擇欄位

    設定添加到指標/度量地區的度量項。

    線條樣式

    設定線條的線型及粗細。

    說明

    僅可視化圖表類型為線圖、面積圖時,支援配置。image

    顯示資料標籤

    選擇是否顯示資料標籤,並設定標籤的顏色、位置。

    顯示最值

    設定是否顯示圖表上最大值和最小值的標籤。

    指標資料值前尾碼

    設定圖表上指標資料值前尾碼。

  • 條件式格式設定中,設定度量資料的條件式格式設定。

    image

    圖表配置項

    配置項說明

    請選擇欄位

    選擇需要配置條件式格式設定的度量欄位,添加到指標/度量地區的度量項均可選擇。

    在樣式配置完成後,當不再需要使用某幾個已配置的條件式格式設定時,您也可以在此通過點擊欄位面板右下角批量清除格式操作,在待選列表中選擇需要清除的條件式格式設定後,點擊確定完成格式清除。image

    快捷樣式

    從系統提供的樣式中,設定當前度量欄位的標記表徵圖或字型顯示顏色。image

    • 對比:支援選擇與0對比與均值對比112

    • 顏色翻轉:以與0對比為例,小於0為紅色,大於0為綠色,翻轉後變成小於0為綠色,大於0為紅色。112

    • 清空:當不再需要使用某一已設定的快捷樣式時,點擊清空即可移除該樣式。112

    自訂樣式

    除了系統提供的快捷樣式外,您還可以按需為當前度量欄位配置自訂樣式。

    • 文本image文本頁簽下,設定讓當前度量欄位文本顯示為高亮色的條件規則,支援基於其他欄位的值配置當前欄位的條件規則。

    • 表徵圖image表徵圖頁簽下,設定當前度量欄位的表徵圖標記規則,支援基於其他欄位的值配置當前欄位的標記規則。

    同步樣式到

    同步當前的條件式格式設定到其他度量指標中。

  • 輔助展示中,設定開啟指標篩選展示並配置指標趨勢圖。

    指標趨勢圖-輔助展示..gif

圖表分析配置

配置項

名稱

說明

資料互動

聯動

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

跳轉

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

副指標

副指標內容

配置副指標對比的具體內容,系統將根據您在日期/維度中配置的日期欄位粒度,自動產生相應的同環比選項,例如:當日期欄位類型為day時,支援選擇日環比、周同比、月同比等。

您可以在此:

  • 點擊選項前的勾選表徵圖,選擇需要展示的副指標內容。最多支援配置2個指標。image

  • 點擊新增欄位,在新增欄位彈窗中,自訂配置需要對比展示的副指標內容,及其彙總方式顯示格式條件式格式設定輔助趨勢圖等資訊。image

  • 單擊image表徵圖,即可對各指標進行拖動排序,以調整指標在圖表中的展示順序。

  • 點擊image表徵圖,在副指標內容設定彈窗中調整當前指標的顯示格式條件式格式設定輔助趨勢圖等資訊。image

配置同步至其他對比指標

選擇需要同步使用當前副指標配置的度量欄位。

副指標位置

設定副指標的位置,支援設定副指標位置主指標下方獨立區塊

設定副指標字型樣式

設定副指標的字型格式及顏色。

分析預警

輔助線

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

標註

-

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

後續步驟

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

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

常見問題

1. 指標趨勢圖和指標看板有什麼區別?

答:指標看板主要用於靜態展示關鍵計量的當前值或匯總值,強調數值本身。而指標趨勢圖不僅展示指標數值(最新值或階段匯總值),還必須結合一個時間維度來展示該指標隨時間變化的趨勢,更側重於動態變化和趨勢分析。

2. 我想在指標卡片上同時看到銷售額的數值以及它相比上個月的變動率,如何??

答:您可以通過配置“副指標”來實現。在分析頁簽下找到副指標設定,首先開啟副指標展示,並在對比指標選擇中選中銷售額。然後在副指標內容裡,勾選系統自動產生的月環比選項(如果您的日期維度支援月粒度對比),或者點擊新增欄位來自訂計算變動率。您還可以設定副指標的顯示位置和字型樣式。

3. 圖表資料配置中的“最新日期資料”和“階段性摘要資料”有什麼不同?

答: “最新日期資料”是指指標卡片上顯示的數值是您所選時間範圍內的最後一個資料點的值。例如,如果時間範圍是12月1日至12月30日,它會顯示12月30日當天的資料。“階段性摘要資料”是指指標卡片上顯示的數值是整個時間範圍(12月1日至12月30日)內資料的彙總結果,例如總和、平均值等(具體取決於您度量欄位的預設彙總方式)。

4. 如何將趨勢圖從預設的線圖改成柱狀圖?

答:樣式配置頁簽下,找到趨勢圖設定地區。如果您的趨勢圖類型選擇的是展示趨勢圖,那麼在該地區內會有一個可視化圖表切換的選項,您可以在這裡選擇柱圖來改變主趨勢圖的顯示類型。如果選擇的是指標帶小趨勢圖,則小趨勢通常是線圖或面積圖,不支援直接切換為柱狀圖。