跳到主要內容 跳至補充內容

版面配置容器

版面配置容器可讓您在有限的空間中新增視覺化。您也可以根據條件在版面配置容器內部顯示或隱藏視覺化。

版面配置容器

具有長條圖、折線圖和地圖的版面配置容器。
資訊備註只能在進階編輯模式中新增容器。

版面配置容器可以保留視覺化範圍,同時占用工作表上小部分的空間。展開為完整工作表時,每個圖表也會展開。

什麼情況下使用

若您想要建置包含多個圖表的自訂顯示作為單一單元,版面配置容器很實用。與使用索引標籤以循環圖表的容器不同,版面配置容器是您可以在版面配置容器中自由自訂圖表版面配置的空間。由於版面配置容器提供類似工作表的視覺化安排,在功能上,您可以在可以展開以取得更多細節的工作表內儲存多個工作表。

您能以疊加方式置放視覺化。您可以在版面配置容器使用條件,以控制顯示哪些視覺化。例如,您可以根據以下事項顯示視覺化:

  • 哪個使用者正在存取圖表。
  • 變數的值。

作為最佳做法,請瞭解,新增至容器的視覺化越多,顯示視覺化的所需時間越久。若版面配置容器中有太多物件,可能會讓使用者不知所措,並讓應用程式呈現視覺化的速度更慢。

建立容器

您可以在編輯的工作表中建立容器。

  • 在進階編輯模式資產面板中,開啟自訂物件 > Dashboard bundle 並將 Layout container 拖曳至工作表。

您現在有版面配置容器。您可以開始對版面配置容器新增並設定圖表。

將圖表新增至版面配置容器

提示備註

您可以在版面配置容器中以及從版面配置容器複製並貼上圖表,但您必須使用滑鼠右鍵按一下內容功能表。

  1. 選取版面配置容器。
  2. 按一下在屬性面板中 Content (內容) 下的 Add (新增)。

    或者,按一下版面配置容器中的 Add content

  3. 選取 Charts 中的視覺化。

  4. 按一下 Add dimensionAdd measure 可將資料新增至圖表。

  5. 若要調整圖表大小,進行下列事項之一:
    • 按一下並拖曳圖表的角落或邊緣。
    • 在屬性中,以百分比輸入圖表的寬度和高度。
  6. 若要調整圖表位置,進行下列事項之一:

    • 按一下圖表並拖曳就位。

    • 在屬性中,以百分比輸入圖表的 X 軸和 Y 軸位置。

    若要顯示版面配置的格線,在屬性中,於呈現樣式之下,開啟顯示格線。您也可以設定格線的列數和欄數,讓視覺化適應格線位置。

    若要在版面配置容器的框線內保留圖表,於呈現樣式之下,開啟在邊界內保留圖表

  7. 若要在版面配置容器中重新排序視覺化圖層,用滑鼠右鍵按一下版面配置容器中的視覺化,選取重新排序圖表圖層,並選擇向前或向後移動視覺化。或者,在屬性面板中按一下並拖曳視覺化。
  8. 若要以可用於該圖表類型的所有屬性設定圖表,按一下 Edit properties
  9. 對您想要新增至版面配置容器的任何其他圖表重複動作。

新增顯示條件

您可以在已建立的索引標籤上新增顯示條件。

  1. 在屬性面板的 Content (內容) 之下,按一下您要新增顯示條件的圖表。
  2. 為在 Show condition (顯示條件) 中的圖表新增顯示條件。一般而言,您將使用 If() 函數。

    請參閱 if - 指令碼與圖表函數

  3. 將另一個顯示條件新增至其他圖表。

    現在將會根據您新增的條件結果,顯示或隱藏圖表。如果圖表結果的條件為 True,則會顯示,如果是 False,則會隱藏。

自訂文字

您可以在外觀 > 一般之下設定標題、子標題和註腳的文字。若要隱藏這些元素,關閉顯示標題

圖表上不同標籤的可見性取決於圖表特定設定和標籤顯示選項。可在屬性面板中設定這些內容。

您可以設定顯示在圖表中的文字樣式。

  1. 按一下進階選項

  2. 在屬性面板中,展開外觀區段。

  3. 外觀呈現之下,按一下 樣式

  4. 一般索引標籤,設定下列文字元素的字型、強調樣式、字型大小和色彩:

    • 標題

    • 副標題

    • 註腳

自訂背景

您可以自訂圖表的背景。可依色彩和影像設定背景。

  1. 按一下進階選項

  2. 在屬性面板中,展開外觀區段。

  3. 外觀呈現之下,按一下 樣式

  4. 在樣式面板的一般索引標籤,您可以選取背景色彩 (單一色彩或運算式)。您也可以從媒體庫或 URL 將背景設定為影像。

    資訊備註

    若要從 URL 新增背景影像,需要將該 URL 的來源新增至租用戶的內容安全性政策的允許清單中。新增來源時必須透過以下指令img-src。這由租用戶管理員進行。

    如需詳細資訊,請參閱建立 CSP 輸入項目

    使用背景色彩時,使用滑桿調整背景的不透明度。

    使用背景影像時,您可以調整影像大小和位置。

自訂框線和陰影

您可以自訂圖表的框線和陰影。

  1. 按一下進階選項

  2. 在屬性面板中,展開外觀區段。

  3. 外觀呈現之下,按一下 樣式

  4. 在樣式面板的一般索引標籤,於框線 之下,調整外框大小,以增加或減少圖表周圍的框線。

  5. 選取框線色彩。

  6. 調整圓角半徑以控制框線的圓度。

  7. 一般索引標籤的陰影之下,選取陰影大小和色彩。 選取以移除陰影。

限制

版面配置容器有下列限制:

  • 您無法透過將量值或維度置於容器上,來建立版面配置容器內部的圖表。
  • 您無法在版面配置容器內部新增容器、格狀容器或版面配置容器。
  • 在版面配置容器中複製並貼上圖表時,不支援鍵盤快速鍵。

此頁面是否對您有幫助?

若您發現此頁面或其內容有任何問題——錯字、遺漏步驟或技術錯誤——請告知我們可以如何改善!