氣泡圖

1.1 應用場景

氣泡圖( bubble chart )可用於展示三個變數之間的關係。它與散點圖類似，轉列時將一個變數放在橫軸，另一個變數放在縱軸，而第三個變數則用氣泡的大小來表示。

利用氣泡圖，可以顯示若干資料系列中各數值之間的關係，類似 XY 軸，判斷兩變數之間是否存在某種聯動，或者發現資料的分佈或者聚合情況。

效果如下圖所示：

1.2 圖表特點

優點：直覺表現出影響因素和預測物件之間的總體關係趨勢；能透過直覺醒目的圖形方式，反映變數間的形態變化關係情況，以便於來模擬變數之間的關係。

缺點：氣泡圖看上去比較亂，基本上只能看相關、分佈和聚合，其他資訊均不能很好展現。氣泡圖需要有足夠多的資料點，並且資料之間有相關性時才能呈現很好的結果。

圖表通用屬性介紹請參考文檔：資料、樣式、特效。

本文僅介紹氣泡圖特有屬性。

點選氣泡圖屬性面板「樣式>系列」，可設定氣泡相關屬性。

• 最小直徑：控制氣泡的最小直徑。

• 最大直徑：控制氣泡的最大直徑。

• 陰影：控制是否顯示氣泡的陰影，預設為開啟。

• 展示負氣泡：控制是否展示負氣泡，預設為開啟。

如下圖所示：

3.1 資料準備

點選下載範例資料：2015年不同国家的人均寿命和GDP.xlsx

建立普通報表，建立 檔案資料集 ，將下載的 Excel 資料上傳到範本中。

本文範例已將範本匯出為內建資料集「2015年不同國家的人均壽命和GDP」，如下圖所示：

3.2 插入圖表

合併一片區域儲存格，點選工具欄「插入圖表」按鈕，選擇氣泡圖。如下圖所示：

3.3 設計氣泡圖

3.3.1 綁定資料

選擇「儲存格元素>資料」，綁定圖表資料如下圖所示：

注：和散點圖一樣，X、Y軸只能是數值類型資料。

3.3.2 樣式設計

1）點選屬性面板「樣式>標題」，輸入正文「2015年不同國家的人均壽命和GDP」，位置設定為「靠左」。如下圖所示：

2）點選屬性面板「樣式>圖例」，取消勾選「圖例可見」。如下圖所示：

3）點選屬性面板「樣式>系列」，自訂配色、氣泡直徑等。如下圖所示：

4）點選屬性面板「樣式>坐標軸」，根據本例的資料自訂 X軸、Y軸 的最大最小值，以達到更好的效果。

5）氣泡圖預設「通用提示」只有數值，展示效果不夠好，這裏我們設定提示為 富正文 ，在富正文編輯器中自訂輸入文字即可。如下圖所示：

3.4 效果預覽

3.4.1 PC 端

儲存報表，點選「分頁預覽」，效果如下圖所示：

其中 X軸 為 GDP ，Y軸 為人均壽命，氣泡麪積大小表示人口。

3.4.2 行動端

App 端和 HTML5 端均支援，效果如下圖所示：

已完成範本可參見：%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Chart\Bubble\氣泡圖.cpt

點選下載範本：氣泡圖.cpt