框架圖

1. 框架圖體現了各個節點之間的上下級關係，用來表示組織層級關係，同時還能展示每個節點的的值。

2. 框架圖有三種子型別：縱向框架圖、橫向框架圖和發散框架圖。

3. 縱向框架圖自上向下逐級展示資料。

4. 橫向框架圖自左向右逐級展示資料。

5. 發散框架圖動態展示資料，由一箇中心點向四周展示資料。

1

插入圖表。

1. 可在儲存格中插入或以懸浮元素插入，參考A05-04插入圖表、A07-02插入圖表。

2. 以懸浮元素插入為例，點擊【插入】→【懸浮元素】→【插入圖表】→【框架圖】。

3. 通過拉伸調整圖表顯示大小。

2

資料綁定。

1. 新增檔案資料集File1，可參考A03-02 檔案資料集。

2. 點擊【懸浮元素】→【資料】，進入資料綁定介面。

3. 設定【資料來源】為【資料集資料】，【資料集】選擇剛新建的【File1】，【節點名稱】選擇欄位【部門名稱】，【id】選擇欄位【部門ID】，【父id】選擇欄位【上級ID】，【值】選擇欄位【剩餘年假天數】。

3

點擊【預覽】，在瀏覽器中查看效果。

4

樣式設定。

1. 樣式設定包括標題、標籤、系列、背景、提示，通用的設定可參考C02-00 圖表標題、C02-02 圖表標籤、C02-03 圖表系列、C02-06 圖表背景、C02-07 圖表提示。

2. 框架圖特有樣式包括【系列】-【連線】，可設定節點間連線的【顏色】、【寬度】和【不透明度】。

3. 特有樣式還包括【系列】-【節點】，可設定【節點半徑】、【邊框寬度】、【邊框顏色】、節點顏色【不透明度】和節點是否採用【圖片填充】。

4. 更改設定，查看效果。

1

選中圖表，點擊【懸浮元素】→【型別】→【橫向框架圖】。

2

其他設定保持不變，點擊【預覽】，在瀏覽器中查看效果。

1. 橫向框架圖的屬性設定和縱向框架圖相同。

1

選中圖表，點擊【懸浮元素】→【型別】→【發散框架圖】。

2

其他設定保持不變，點擊【預覽】，在瀏覽器中查看效果。

1. 發散框架圖的屬性設定和縱向框架圖相同。