長條圖 - Quick BI

長條圖可以用於展示連續型資料值的頻數分布情況，能有效地揭示資料的集中趨勢、分散程度、偏態和峰度等特徵。本文將為您介紹如何為長條圖添加資料並配置樣式。

前提條件

已建立儀表板，請參見建立儀表板。

圖表概述

長條圖將資料範圍分成一系列連續的區間，並以矩形條的形式展示每個區間中資料點的數量，直觀地表達了資料分布情況及各組資料之間的差別。

區間（又稱作資料桶）：由資料範圍劃分成的若干個連續且不重疊的區間。
頻數：每個區間範圍內資料點的個數。
矩形條：每個矩形條代表一個區間內的資料數量，矩形的寬度代表區間範圍的大小，矩形的高度代表當前區間範圍內數值的頻數。

使用情境

長條圖的一般使用情境如下：

資料中心趨勢分析，例如：顧客對產品或服務滿意程度的平均值分析。
資料分布情況分析，例如：查看學產生績的分布情況，瞭解教學效果。
資料分散程度分析，例如：分析地理地區的溫度變化範圍，瞭解環境氣溫的穩定性。
資料偏向性分析，例如：瞭解不同收入水平消費者對商品的偏好程度。
資料異常值分析，例如：監測產品品質的穩定性，檢查是否存在超出正常品質範圍的產品。

優勢簡介

視覺效果：支援通過調整圖表樣式，達到更直觀的展示效果，可添加圖例、工具提示等輔助配置。
備忘能力：可自訂備忘和章節附註資訊，支援配置跳轉到外鏈路徑，實現資料與其他系統之間的互動。
互動操作：支援切入、聯動、跳轉（僅當存在顏色圖例時）、維度/指標篩選、表格內篩選等。

效果圖樣本

您可以從長條圖中分析擷取以下資訊：

偏向性：當長條圖的整體分布形狀不對稱時，可以直觀地展示出資料集分布的偏向性。
- 當長條圖的長尾位於右側時稱為右偏（正偏斜），此時大部分資料集中在長條圖左側。
- 當長條圖的長尾位於左側時稱為左偏（負偏斜），此時大部分資料集中在長條圖右側。
中心趨勢：中心趨勢通常由均值、中位元、眾數來描述。通過觀察長條圖的整體分布形狀，可以評估資料集的均值、中位元以及眾數的分布位置，從而瞭解資料集的中心趨勢。
- 當長條圖為對稱分布時，均值、中位元、眾數分布大致接近，且都位於長條圖的中心。
- 當長條圖的長尾位於右側，此時大部分資料集中在長條圖左側，較少資料位元於右側，則均值大於中位元，眾數位於長條圖左側。
- 當長條圖的長尾位於左側，此時大部分資料集中在長條圖右側，較少資料位元於左側，則均值小於中位元，眾數位於長條圖右側。
離散程度：通過長條圖整體寬度及矩形條的高度差，評估資料的分散程度。
異常值：如果存在遠離其他資料點的單個或幾個矩形條，則表示資料集中可能指示存在異常值。
峰度：通過長條圖的尖銳或平坦程度，反映資料集的峰度。尖峰表示資料分布更集中，扁平則表示資料分布較均勻。

圖表欄位配置

本文以各類型產品的訂單數量分析為例，進列欄位配置說明。

在資料面板中選擇需要的欄位，並通過雙擊或拖拽的方式，配置到欄位頁簽下的相應地區中。
- 在值軸/度量地區，配置當前圖表的主要分析指標。
  本例拖入訂單數量欄位，作為後續分析的主要分析指標。
單擊更新，系統將自動更新圖表。
（可選）當您需要通過維度進行分析時，可以在顏色圖例/維度地區按分析需求配置維度欄位。配置後，圖表將按照該欄位的維值數量對矩形條進行劃分。例如：將訂單數量，按照產品類型進行細化分析。
本例中拖入產品類型欄位，將訂單金額按照產品類型進行劃分。
（可選）當您需要進行多維度分析時，可以在拆分/維度地區配置所需維度欄位，通過分面模式查看不同維度值下的資料資訊。
本例中拖入report_date(year)欄位，以查看不同年份下的訂單數量資訊。
說明
僅支援添加一個拆分維度欄位，且分面模式存在如下功能限制。
- 樣式：輔助展示不支援設定縮減軸
- 分析：僅支援設定資料互動，不支援進階設定、分析預警、標註、智能洞察。
（可選）當您需要在工具提示中查看某個度量的資料資訊時，可以將該度量添加至工具提示/度量。
（可選）當您需要對展示的資料進行篩選時，可以將待篩選欄位拖入過濾器地區，例如：需要過濾掉某些地區的資料時，可以將地區欄位拖入過濾器地區，並點擊表徵圖在設定過濾器視窗中，篩選出需要的資料。
（可選）自動重新整理
設定該選項後，系統將會自動重新整理圖表資料。例如，選中該選項並設定時間長度為5，單位選擇分。則每間隔5分鐘，系統自動重新整理該圖表的資料。

圖表樣式配置

下面為您介紹圖表的樣式配置，圖表通用的標題與卡片配置請參見配置圖表標題區。

繪圖區域

在樣式頁簽下的繪圖區域中，設定長條圖中的矩形條樣式。

圖表配置項	配置項說明
柱體配色	設定矩形條的色彩配置，支援開啟漸層效果。
資料桶計算方式	資料桶即對資料進行分組後得到的矩形條。矩形條的個數即為組數，每個矩形的寬度即為組距。資料桶的計算方式支援設定為預設、自訂群組距、自訂群組數。預設：系統根據分組函數自動分組。自訂群組距：根據自訂輸入的組間距和起始值，自動計算和產生對應的柱體。其中，組數上限為50組。自訂群組數：根據自訂輸入的組數，自動產生對應的組距。其中，組數上限為50組。
顯示組距數值	設定是否顯示組距數值及展示位置，是指設定展示在X軸標題旁、圖表上方。

分面

分面模式下，在分面中，設定圖表排列的布局及樣式。

說明

僅當拆分/維度中配置了相關欄位時，分面模式才生效。

圖表配置項		說明
配置樣式		設定圖表排列布局，支援單列對比和網路分布兩種模式。
共用座標軸		設定圖表是否需要共用同一座標軸。
顯示分割線		設定在圖表與圖表之間是否顯示分割線。當設定為顯示狀態，您可以進一步配置分割線的顏色及樣式。
列數		當配置樣式選擇為網路分布時，支援設定圖表排列的列數。預設為自動，您也可以根據實際需求自訂欄數。說明 PC 端和移動端的排列列數需分別配置，您可以通過當前頁面上方切換配置的終端。 PC 端列數可配置範圍為 1-6；移動端為 1-3。
分面區塊最小寬高		設定每個圖表的最小寬高，不同配置樣式下支援配置的資訊不同。單行對比、網格分布下開啟自動列數：僅支援配置分面區塊的最小寬度。網格分布下開啟自訂欄數：支援配置分面區塊的最小寬度及高度。
行列間距		設定各圖表間的行列間距。不同配置樣式下支援配置的資訊不同。單行對比：僅支援配置圖表之間的列間距。網路分布：支援配置圖表之間的行間距、列間距。
拆分標籤	位置	設定維值標籤的顯示位置，支援設定在圖表上方或圖表下方。
	文本	設定維值標籤的字型顏色及樣式。
	對齊	設定維值標籤的對齊。

座標軸

在樣式頁簽下的座標軸中，設定座標軸樣式，預設選中顯示座標軸。

圖表配置項	配置內容	配置項說明
X軸	顯示X軸	設定是否顯示X軸。
	顯示標題和單位	設定X座標軸上是否顯示標題和單位，支援自訂標題名稱和需要使用的計量單位，並配置文本樣式。
	顯示軸標籤	設定X軸上是否顯示軸標籤，並在顯示的前提下設定X軸標籤的顯示格式、文本樣式。
	顯示刻度標記	設定X軸是否顯示刻度標記。
	顯示座標軸	設定是否顯示X軸的座標軸線，支援在顯示的狀態下自訂座標軸樣式，包括線型、線寬和顏色。
	顯示網格線	設定X軸上是否顯示網格線，支援在顯示的狀態下自訂網格線樣式，包括線型、線寬和顏色。
左Y軸	顯示左Y軸	設定是否顯示左Y軸。
	Y軸刻度翻轉	設定是否翻轉Y軸。
	顯示標題和單位	設定是否顯示左Y軸的標題和單位，支援自訂標題名稱，並配置文本樣式。
	顯示軸標籤	設定左Y軸上是否顯示標籤，並在顯示的前提下設定標籤的顯示格式與文本樣式。
	顯示刻度標記	設定左Y軸上是否顯示刻度標記。
	顯示座標軸	設定是否顯示左Y軸的座標軸線，支援在顯示的狀態下自訂座標軸樣式，包括線型、線寬和顏色。
	顯示網格線	設定左Y軸上是否顯示網格線，支援在顯示的狀態下自訂網格線樣式，包括線型、線寬和顏色。

圖例

在圖例中，點擊表徵圖即可開啟圖表圖例，並設定圖例樣式。

圖表配置項	配置項說明
位置	設定圖例的顯示位置及對齊。當顯示位置選擇為上、下時：支援選擇居左、置中以及居右的對齊。當顯示位置選擇為左、右時：支援選擇頂部、置中、底部的對齊。此時您還可以進一步設定圖例與圖表資料內容間的距離。
文本	設定圖例文本樣式，支援設定字型顏色、大小、粗細及是否傾斜。
移動端圖例	PC端和移動端的圖例設定相互獨立，您可以通過儀表板編輯頁面頂部的PC端/移動端切換按鈕（）進入移動端編輯檢視，為移動端單獨設定適配的圖例，支援自訂移動端圖例的位置及文本樣式。

資料標籤

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

說明

此處資料標籤的位置、文本設定為全量設定，您可以在系列設定中，為每個度量或維度值單獨設定資料標籤及相關格式。

圖表配置項	配置項說明
內容	設定需要在圖表中顯示的資料內容。
全量顯示	在相關資料標籤狀態為顯示的前提下，設定是否同時所有標籤。當標籤之間的位置相近、空間較小，此時標籤會重疊在一起。您可以通過關閉全量顯示，以達到視覺上的清晰效果。
位置	設定資料標籤的展示位置，支援選擇自動、柱頂外側、內部貼頂、內部貼底、內部中心以及內部靠左。
文本	設定資料標籤中文本的格式。

工具提示

在工具提示中，點擊表徵圖即可開啟工具提示，並設定工具提示的樣式。

圖表配置項	配置項說明
展示方式	設定工具提示內容的展示方式，支援選擇按單資料點、按維值。按單資料點：展示滑鼠移至上方的資料點所關聯的資料。按維值：展示相同維值下的所有資料。
內容	選擇工具提示中展示的資料內容。不同配置條件下可選的展示內容不同：當展示方式為按單資料點時，支援佔比；當展示方式為按維值時，支援總計和佔比。佔比：當前維度下，某一資料點佔總數的百分比。例如：辦公用品中，利潤金額佔總收入的百分比。總計：當前維度下，所有度量的總和值。例如：2025年，各地區銷售額的總和值。
背景色	設定工具提示框的背景填充色。
文本	設定工具提示框中文本的樣式，支援設定字型顏色、大小、粗細及是否傾斜。
移動端工具提示	PC端和移動端的工具提示開關相互獨立，您可以通過儀表板編輯頁面頂部的PC端/移動端切換按鈕（）進入移動端編輯檢視，編輯移動端的工具提示。其中，字型大小支援PC端和移動端分別設定，其餘的樣式為統一配置。

系列設定

在系列設定中，設定系列樣式。

說明

僅當在欄位配置面板中啟用顏色圖例/維度時，才需要在系列設定中設定別名和數值顯示格式。

圖表配置項	配置項說明
請選擇欄位	根據需要配置標籤格式的度量或維度值。
別名	設定貼合實際業務情境的欄位名稱。該項僅當配置了顏色圖例/維度時，才支援配置。
顯示資料標籤	選擇是否顯示資料標籤，並設定標籤的顏色、位置。
數值顯示格式設定	在選擇顯示資料標籤的前提下，支援配置資料標籤中數值的顯示格式。您可以選擇自動適配、自訂適配及手動輸入三種格式。該項僅當配置了顏色圖例/維度時，才支援配置。
顯示最值	設定是否顯示度量中最大值和最小值的標籤。該項僅當沒有配置顏色圖例/維度時，才支援配置。

輔助展示

在樣式頁簽下的輔助展示中，設定指標篩選展示及縮減軸。

圖表配置項

配置項說明

開啟指標篩選展示

設定是否開啟圖表內指標篩選器，開啟後可進一步設定預設選中的指標欄位。

視圖控制項

當圖表軸上資料量多且密集，導致當前容器大小無法完整展示所有資料時，您可以點擊表徵圖開啟圖表視圖控制項，在保證資料完整性和可讀性前提下，使報表查看者能通過滑動的方式動態調整圖表可視範圍，給予使用者自由操作的體驗。

支援通過以下兩種控制項類型來控製圖表軸上的可檢視區範圍：縮減軸、捲軸。

選中縮減軸後，將在圖表底部顯示一條簡化版的全量資料趨勢圖（即縮減軸），報表查看者可通過拖動選區來快速探索全部資料或聚焦特定範圍內的資料。縮減軸是絕對座標，即：縮減軸選定的區間直接對應實際軸的固定資料條數，適用於對比分析情境，或需直接定位的複雜情境。預設僅資料量超過圖表容器可展示寬度時，才會顯示縮減軸。如果您需要在圖表中始終顯示縮減軸，可勾選常駐顯示。勾選後，即使圖表資料未滿屏，縮減軸也會始終展示。
選中捲軸後，將在圖表底部展示一條水平捲軸，報表查看者可以通過橫向拖動滑塊來左右行動裝置檢視視窗。捲軸是相對比例，即：滑塊長度和位置由可視視窗與總資料範圍的比例決定，適用於通用瀏覽情境。您可以進一步設定捲軸的最小類別寬度，從而限制圖表當前視窗內的資料量，以確保圖表內容在可視地區內清晰刻度、避免資料標籤重疊或資料點過度密集導致的視覺效果混亂。最小類別寬度預設為32px，取值範圍為16-100px。
設定最小類別寬度值後，當全量展示下圖表分配的實體類別寬度小於該值時，將顯示捲軸。啟用捲軸後，圖表項目及資料標籤將被約束在座標系的矩形地區內，超出部分（例如：標記點、資料標籤等）將自動截斷或調整位置以適配顯示。

說明

如果圖表未配置視覺控制項，在圖表尺寸過小時，系統會自動開啟視覺控制項，並選中縮減軸且顯示邏輯為僅資料量超過圖表容器可展示寬度時才會顯示。

圖表分析配置

圖表配置項	配置內容	配置項說明
資料互動	切入	當您已在欄位面板設定完成切入欄位時，可以在此處設定切入層級行展示樣式。具體請參見切入。
	聯動	當需要分析的資料存在於不同的圖表，您可以通過圖表聯動，把多個圖表關聯起來，形成聯動進行資料分析。具體設定請參見聯動。
	跳轉	當需要分析的資料存在於多個儀表板時，您可以通過儀表板跳轉，把多個儀表板關聯起來，進行資料分析。跳轉包含產品內跳轉、頁面內組件和外部連結三種方式。具體設定請參見跳轉。
分析預警	輔助線	通過輔助線可以查看當前度量值與輔助線設定值之間的差異。輔助線設定值分為固定值和計算值兩種。計算值包含平均值、最大值、最小值和中位元四類。具體設定請參見分析預警。
標註	-	當圖表中的資料存在異常或需要重點關注時，支援使用顏色高亮、表徵圖、注釋或資料點的方式進行標註，協助您識別異常並採取相應的行動。具體設定請參見標註。

後續步驟

當其他人需要查看儀表板時，您可以分享儀表板給特定的人，請參見分享儀表板。
當您需要製作複雜的帶導覽功能表，用於專題類分析時，可以將建立好的儀表板整合到資料門戶，請參見資料門戶。