使用索引標籤容器根據選項顯示不同圖表
此範例顯示如何使用索引標籤容器根據使用者選項顯示不同的圖表內容。
- 選取單一產品群組時,會顯示產品子群組的圖表。
- 選取多個產品群組時,會顯示產品群組的圖表。
資料集
在此範例中,我們會使用兩個來自 Qlik Sense Tutorial - Building an App 的資料檔案。若要下載檔案,請至 Tutorial - Building an App。下載並解壓縮教學課程,並在 Tutorials source 資料夾中找到檔案:
- Sales.xls
- Item master.xls
建立新的應用程式,並新增這兩個資料檔案。確認它們透過項目編號互相關聯。
載入的資料集包含銷售資料。Item master 表格保留關於排序項目的資訊,例如產品群組。
量值
我們需要在主項目中建立兩個量值:
- 銷售量:名稱為 Sales,運算式為 Sum(Sales)。
- 以百分比表示的銷售利潤:名稱為 Margin %,運算式為 Avg(Margin/Sales)*100。
視覺化
我們需要兩個根據產品群組選項的不同主要視覺化。其中一個以產品群組作為維度,另一個以產品子群組作為維度。
產品群組視覺化
這是我們想要在選取多個產品群組時顯示的視覺化。
我們將組合圖新增至工作表並設定下列資料屬性:
- 維度:Product Group (產品群組)。
- 量值:Sales (您建立的主量值)。
就會建立下列圖表,內含顯示每個產品群組銷售量的橫條。此階段為條形圖。
但我們也想顯示銷售利潤,這與銷售量具有不同的比例尺。銷售量的比例尺以百萬為單位,而利潤則是介於 0 和 100 之間的百分比。若我們將利潤新增為銷售量旁邊的橫條,會太小而無法區分。
在屬性窗格中,前往量值 > 線條高度。使用下拉式清單以將 Margin % 新增為量值。
產品子群組視覺化
這是我們想要在選取單一產品群組時顯示的視覺化。
製作產品群組視覺化的副本,並將維度變更為 Product Sub Group。
主要視覺化
您需要建立兩個主要視覺化,以在索引標籤容器中使用。
- 將產品群組視覺化新增為名稱為 Product Group - sales and margin 的主要視覺化。
- 將產品子群組視覺化新增為名稱為 Product Sub Group - sales and margin 的主要視覺化。
您現在可以刪除先前建立的兩個視覺化,這已儲存為主要視覺化。
索引標籤容器
您需要將索引標籤容器新增至工作表。將兩個視覺化新增至索引標籤容器。
-
Product Group - sales and margin
將顯示條件設定為 =GetPossibleCount([Product Group])>1
-
Product Sub Group - sales and margin
將顯示條件設定為 =GetPossibleCount([Product Group])=1
您也可以在外觀>容器>索引標籤之下隱藏索引標籤容器的選項索引標籤。
若要展示運作方式,可以新增具有 Product Group 的篩選窗格。
探索
您現在可以在 Product Group 中進行選取。選取單一產品群組時,圖表會顯示產品群組的產品子群組資料。否則,圖表會顯示產品群組的資料。