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

我如何製作此項目:使用版面配置容器進行動態分析

此範例說明如何使用版面配置容器製作動態、互動式工作表內容。版面配置容器支援無格線設計和堆疊視覺化,可讓您廣泛控制分析內容的排列。此外,如同其他容器物件,您可以根據各種條件 (例如變數和選取狀態) 動態呈現不同的資訊。

此範例說明如何建置版面配置容器,以單一物件的形式呈現來自多個圖表的資訊。一些常見的設計方法包括:

  • 以對稱方式排列相似物件,並使用樣式來區分不同的資料區段。

  • 從版面配置容器內的個別物件移除邊界,然後在完成時,為整個物件新增邊界。

  • 根據使用者互動,有條件地顯示不同的物件或資料—在此範例中,使用者可以顯示或隱藏詳細資料的長條圖。

  • 建置由多個不同物件並排組成的複合元素—在此範例中,一個模擬開/關切換的互動式按鈕。

  • 讓使用者在需要仔細查看資料時,有多種方式可以選取和篩選資料。

最終結果

範例的已完成版面配置容器

準備

建立新的應用程式並將 範例載入指令碼 貼到 資料載入編輯器 中的新區段。然後,載入資料。

載入資料後,切換至工作表檢視。

範例載入指令碼

第 1 部分:建立變數

首先,建立變數。此變數是稍後將新增的條件的主體。變數的值將在分析期間透過與按鈕物件的互動而變更。

建立下列變數。將定義設定為=false()

  • vViewChartValues

建立變數

第 2 部分:建立版面配置容器

  1. 在資產面板中,開啟副檔名 自訂物件 > Dashboard bundle 並將 Layout container 拖曳至工作表。

  2. 將容器調整大小,使其在工作表格線上為 17 乘 10 個方格。

第 3 部分:將視覺效果新增至版面配置容器

接下來,將視覺效果新增至版面配置容器。

第 4 部分:完成簡報

透過新增標題和邊框來完成版面配置容器。

  1. 在屬性面板中,展開外觀 > 一般

  2. 將標題設定為延遲與非延遲訂單 - 銷售影響

  3. 展開外觀 > 呈現

  4. 開啟將圖表保持在內部

  5. 按一下調色盤 樣式

  6. 設定框線的下列屬性:

    • 外框:2 像素

    • 顏色:#7b7a78

  7. 設定陰影的下列屬性:

    • 中等大小

    • 顏色:#7b7a78

結果

退出工作表編輯模式。按一下切換開關按鈕,以在簡易和詳細長條圖之間切換。

版面配置容器,其中 顯示值 已關閉

版面配置容器,其中「顯示值」已關閉,呈現沒有值標籤的橫條圖

版面配置容器,其中 顯示值 已開啟

版面配置容器,其中「顯示值」已開啟,呈現有值標籤的橫條圖

按一下圖頂端的 Not LateLate 標題。請注意,點擊這些元素會選取應用程式中對應的值。

版面配置容器,在欄位 Late Status 中選取了 Not Late

版面配置容器,在「延遲狀態」欄位中進行了選取。

此頁面是否對您有幫助?

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