泡泡圖是一種用於描述多個變數資料之間關係的可視化圖表,它通過二維座標系中氣泡的位置和大小直觀展示資料表現情況。本文將為您介紹如何為泡泡圖添加資料並配置樣式。
效果圖

配置資料
在組件庫地區的圖表中,找到泡泡圖並拖至畫布中。

在資料面板中選擇所需資料集,並按照以下說明,在欄位頁簽下配置圖表的欄位資料。

配置欄位
說明
X軸/維度或度量
配置X軸所代表的資料,支援拖入維度或度量欄位。
圖中拖入了訂單金額欄位,意味著每個氣泡在X軸上的位置取決於其訂單金額的大小。
Y軸/度量
配置Y軸所代表的資料,僅支援拖入度量欄位,Y軸需與X軸配合使用以確定氣泡在二維座標系中的具體位置。
圖中拖入了利潤金額欄位,意味著每個氣泡在Y軸上的位置取決於其利潤金額的大小。
類別/維度
配置資料的分類維度,以觀察不同類別資料之間的對比及分布情況。
圖中拖入了地區欄位,意味著將以地區維度對資料進行分組處理。
顏色/維度或度量
配置決定氣泡顏色的依據欄位,支援拖入維度或度量欄位並在樣式頁簽下的繪圖區域 > 配色設定中,自訂設定氣泡顏色。
說明僅當類別/維度中已存在相關欄位時,才支援配置當前欄位。
當拖入維度欄位時,將根據不同的維度值產生對應的氣泡顏色,例如:拖入地區欄位,東北地區的氣泡顏色顯示為藍色。
當拖入度量欄位時,將根據度量值的數值大小趨勢,產生對應的顏色變化,例如:拖入訂單數量欄位,氣泡顏色將根據訂單數量的數值大小由深至淺顯示。
圖中拖入地區欄位,意味著不同的氣泡顏色代表不同的地區。
形狀/維度
配置決定氣泡形狀的依據欄位,僅支援拖入維度欄位並在樣式頁簽下的繪圖區域 > 氣泡樣式中,自訂設定氣泡形狀。
說明僅當類別/維度中已存在相關欄位時,才支援配置當前欄位。
圖中拖入產品類型欄位,意味著不同的氣泡形狀代表不同的產品類型。
尺寸/度量
配置決定泡泡大小的依據欄位,僅支援拖入度量欄位,系統將根據度量值的大小對應產生氣泡的大小。
圖中拖入訂單數量欄位,意味著氣泡的大小由訂單數量的大小決定。
播放軸/時間維度
如果您的資料中包含時間資訊,可以將時間欄位拖入該處,從而產生隨時間變化的動態泡泡圖。
圖中不涉及。
工具提示/度量
當報表查看者將滑鼠移至上方於某個氣泡上時,將展示工具提示以傳達更多當前氣泡點的詳細資料,例如:某個度量的具體數值等。您可以在此配置您希望在工具提示中展示的具體度量資訊。
圖中拖入運輸成本欄位,意味著後續將在工具提示中展示當前氣泡點的運輸成本資料。
您還可以對資料進行以下操作:

配置樣式
位置和尺寸
您可以在配置區對組件進行如下設定:
調整組件的對齊(①):支援靠左對齊、置中和靠右對齊等。
調整組件的尺寸(②):以左上方為原點,設定X和Y軸的值,調整位置。
調整組件的角度(③):設定旋轉角度的值。
調整組件的大小(④):設定W和H的值,調整組件的寬度和高度。
鎖定組件(⑤):鎖定組件後,無法調整組件的大小。
調整透明度(⑥):設定組件的透明度。

繪圖區域
在繪圖區域中,設定配色、氣泡樣式和開啟四象限功能。當欄位面板中配置的欄位不同時,支援操作的配置項不同。
當形狀/維度地區中配置了相關欄位時:支援以下配置。

配置項
說明
配色設定
設定當前圖表中氣泡的整體配色,支援選擇不同的內建系統主題並自訂單個維度值的所屬顏色。

當顏色/維度或度量地區配置度量欄位時,需要設定度量的資料對應區間及配色。

填充透明度
設定氣泡的透明度。
氣泡樣式
設定泡泡圖形的樣式,支援選擇素材或圖片欄位。
素材:為每個維值設定不同的圖形圖案,支援選擇系統內建素材和上傳自訂圖片。
圖片欄位:選擇資料集中圖片欄位的圖片進行填充。僅當資料集中包含圖片欄位,且欄位類型為圖片類型(
)時,才能使用圖片欄位。
當上傳自訂圖片、使用圖片欄位時,您還可以在此設定圖片的形狀及顯示方式。

泡泡大小
設定氣泡的大小。
顯示邊框
設定是否顯示氣泡的邊框。
顯示陰影
設定是否顯示氣泡的陰影。
四象限
當X軸和Y軸欄位的取值均為度量欄位時,可以開啟四象限功能。
當形狀/維度地區中沒有配置欄位時:支援以下配置。

配置項
說明
配色設定
設定當前圖表中氣泡的整體配色,支援選擇不同的內建系統主題並自訂單個維度值的所屬顏色。

當顏色/維度或度量地區配置度量欄位時,需要設定度量的資料對應區間及配色。

填充透明度
設定氣泡的透明度。
氣泡樣式
為圖表中所有氣泡設定圖形樣式,支援選擇系統內建表徵圖或上傳自訂圖片。當上傳自訂圖片時,您還可以在此設定圖片的形狀及顯示方式。
泡泡大小
設定氣泡的大小。
顯示邊框
設定是否顯示氣泡的邊框。
顯示陰影
設定是否顯示氣泡的陰影。
四象限
當X軸和Y軸欄位的取值均為度量欄位時,可以開啟四象限功能。
座標軸
您可以在座標軸地區,進行如下操作。
名稱 | 配置項 | 說明 |
X軸 | 顯示X軸 | 設定是否顯示X軸。 |
顯示標題和單位 | 設定X座標軸上是否顯示軸標題和單位。 | |
顯示軸標籤 | 設定X軸上是否顯示標籤。 | |
軸標籤顯示格式設定 | 設定軸標籤顯示格式。支援自動適配、自訂格式和手動輸入。 說明 您也可以在資料頁面中,大量設定度量的顯示格式。請參見配置圖表欄位。 | |
顯示刻度標記 | 設定X座標軸上是否顯示刻度標記。 | |
顯示座標軸 | 設定是否顯示座標軸,包括線型、線寬和顏色。 | |
顯示網格線 | 設定X軸上是否顯示網格線,包括線型、線型、線寬和顏色。 | |
軸值範圍與間隔 | 設定X軸的軸值範圍(最大、最小值),以及各刻度間的間隔大小。
| |
左Y軸 | 顯示左Y軸 | 設定是否顯示左Y軸。 |
顯示標題和單位 | 支援設定軸標題和單位的位置,可以選擇軸外側和軸上方。 | |
顯示軸標籤 | 設定座標軸上是否顯示標籤。 | |
軸標籤顯示格式設定 | 設定軸標籤顯示格式。支援自動適配、自訂格式和手動輸入。 說明 您也可以在資料頁面中,大量設定度量的顯示格式。請參見配置圖表欄位。 | |
顯示刻度標記 | 設定左Y軸上是否顯示刻度標記。 | |
顯示座標軸 | 設定是否顯示座標軸,包括線型、線寬和顏色。 | |
顯示網格線 | 設定座標軸上是否顯示網格線,包括線型、線寬和顏色。 | |
軸值範圍與間隔 | 設定左Y軸的軸值範圍(最大、最小值),以及各刻度間的間隔大小。
|
圖例
您可以在圖例地區,設定圖例內容、位置以及文本樣式。
資料標籤
您可以在資料標籤地區,進行如下操作。

顯示資料標籤:設定是否在圖表中顯示資料標籤。
全量顯示:設定是否全量顯示資料標籤。若圖表中度量值個數較多,建議您不勾選全量顯示,此時系統將根據圖表的情況顯示部分資料標籤,以保持圖表的美觀。
位置:設定資料標籤的顯示位置。
文本:設定資料標籤文本的樣式,包括字型顏色、大小等。
當播放軸/時間維度拖入欄位時,不支援位置調整。
工具提示
當報表查看者將滑鼠懸浮至某一氣泡點時,將會自動顯示工具提示。您可以在此設定工具提示的背景色和文本樣式。
工具提示中顯示的欄位內容,需前往欄位頁簽下的工具提示/度量中配置。
系列設定
您可以在系列設定地區,設定某一維度值資料在圖表中的展示樣式。
輔助展示
當欄位頁簽下的播放軸/時間維度存在時間欄位時,您可以在輔助展示地區中,設定播放軸:
選中頁面載入時自動播放:表示當載入該報表時,圖表自動播放一遍。
選中迴圈播放:表示圖表迴圈播放。
選中顯示目前時間值,表示在圖表播放過程中,是否呈現對應的時間。
選中開啟軌跡繪製,表示支援點擊單個氣泡後,按照播放軸順序,繪製其軌跡。