佈局容器

簡介

功能簡介

容器也就是畫布，容器佈局可以將多個圖表元件放在同一個畫布裏作爲一個整體去進行圖表佈局。

應用場景

一些同類型的資料分析需要作爲一個整體去查看以及佈局等。

如，銷售指標相關需要放在一個畫布中統一查看與管理。

預期效果

如下圖，將銷售簡報相關資料，集中放在一個佈局容器中進行展示：

設定步驟

建立儀表板

建立一個儀表板。

新建佈局容器

在儀表板設計界面，可以點擊「佈局容器」進行新增。

佈局容器設定

重命名

佈局容器新增後，根據業務需要，對佈局容器進行重命名。

隱藏/顯示標題

佈局容器的標題支援設定是否顯示：

多標籤頁

開啟多標籤頁

在佈局容器元件的編輯界面可以開啟標籤頁，開啟後可新增多個標籤，每個標籤頁中均可放置多個圖表，相當於多個佈局容器的組合。

注：開啟標籤頁後，一個佈局容器最多可新增 10 個標籤頁，最少需新增 2 個標籤頁。

自動輪播

多標籤頁開啟後，支援對多標籤頁設定自動輪播及輪播間隔時間。

自動輪播的效果如下：

附註：

1. 自動輪播只在電腦端生效，行動裝置不支援。

2. 自動輪播功能是進階付費功能，詳情請諮詢銷售團隊。

重命名/排序/刪除

新增的多標籤頁支援以下操作：

新增圖表/元件

爲佈局容器新增需要的圖表/元件。可以直接重新建立圖表/元件拖入容器內，也可以從已建立的圖表/元件中進行新增。

直接建立圖表/元件

支援以下方式新增：

以統計表的建立爲例，選擇「統計表」直接拖入「佈局容器」中，設定資料源後，進入圖表設定界面。

圖表的具體設定不再贅述，可以參見文件圖表，每個圖表元件的設定均有詳細的操作說明。

從已有的圖表/元件新增

已有圖表的新增需要在選中圖表後點擊「移動」按鈕，然後移動至需要新增的畫布中。

已有圖表的新增需要在選中圖表後點擊「移動」按鈕，然後移動至需要新增的畫布中：

附註：

使用 command 或者 shfit 快速鍵可以一次選中多個圖表批次移動。

設定佈局容器尺寸

尺寸要求

佈局容器尺寸支援自訂設定，尺寸要求如下：

電腦端尺寸：

行動裝置尺寸：

尺寸設定

1. 電腦端尺寸設定

電腦端佈局容器尺寸可以手動調整，也可以點擊左上角的「調整尺寸」按鈕進行調整。

2. 行動裝置尺寸設定

尺寸規則

1. 佈局容器內的圖表/元件尺寸調整同佈局容器外的預設畫布中的尺寸調整；

2. 佈局容器內的圖表/元件寬度調整時的1/2、1/3 等指的是佈局容器寬度的 1/2、1/3，而非整個儀表板寬度的 1/2、1/3。

佈局容器位置調整

佈局容器整體調整

1. 電腦端

佈局容器調整位置時，容器中的圖表元件作爲整體隨佈局容器一起調整。

2. 行動裝置

容器內的圖表/元件位置調整

1. 電腦端

容器內的圖表/元件位置調整同儀表板預設畫布中的圖表/元件調整。

2. 行動裝置

佈局容器刪除

當佈局容器中含有圖表、元件等內容時，不支援直接刪除。

如需刪除佈局容器，需先刪除或隱藏佈局容器內的所有圖表或元件內容，再進行刪除操作。

效果演示

電腦端

電腦端容器佈局的使用效果如下圖所示：

您也可以根據自己的實際業務需求配置更多圖表/元件。

行動裝置

注意事項

1. 佈局容器後台支援編輯、刪除，不支援複製。

2. 佈局容器爲空時，可以刪除，不爲空時，需要刪除或隱藏佈局容器內的圖表/元件後再刪除佈局容器元件。

3. 佈局容器在不含任何圖表元件時支援隱藏（行動裝置不支援），佈局容器中的圖表元件支援隱藏，隱藏的限制同：圖表/元件隱藏。

4. 新增至佈局容器中的圖表/元件不支援直接拖曳出佈局容器，需選中佈局容器內的圖表/元件後，點擊左上角的更換容器。

5. 除佈局容器元件外，其他所有圖表、元件均支援新增至佈局容器中。即佈局容器之間不支援相互套嵌。

6. 佈局容器中的圖表、元件陰影取消，圖表/元件標題居中顯示。

7. 單個儀表板最多可新增 100 個圖表/元件，佈局容器元件也受此限制。

8. 一個佈局容器最多可設定 10 個標籤頁。