# 第二個工作表：Product Details

在第二個工作表中，您將製作聚焦於產品的橫條圖和樹狀圖。然後，您將會新增篩選窗格，以便按日期和地區篩選。

[The second sheet: Product details](https://play.vidyard.com/FRyHnUo6v5MjhFJg6X7bbB)

完成後的 Product Details 工作表

完成後的 Product Details 工作表

完成後的 Product DetailsProduct Details 工作表 ![完成時的產品詳細資訊工作表。](https://help.qlik.com/zh-TW/cloud-services/Subsystems/Hub/Content/Resources/Images/ui_gen_ProductDetailsSheetFinal.png)

您將在編輯模式中完成所有工作。

## 新增條形圖

下一個視覺效果是顯示Top Sales的長條圖。 您將新增一個運算式到圖表標題，以便它將包含總銷售額。

提示備註

您新增欄位和主項目的順序可以決定視覺化中的排序順序。在此視覺化中，您希望它依序排列為 Sales，然後 Margin，然後 Product Group。

請執行下列動作：

1. 在資產面板中，開啟 圖表。

2. 在視覺化之下，將長條圖拖曳到工作表。

3. 前往主項目並將Sales 新增為量值至圖。

4. 將 Margin 作為量度新增至圖。

5. 前往 欄位 並將 Product Group 作為維度加入圖。

6. 在屬性面板中，於外觀 > 呈現 >開啟值標籤。

7. 前往外觀 > 一般。找到 標題，並點擊the 運算式 icon.

   運算式編輯器就會開啟。

8. 此運算式將會解決以顯示總銷售額：

   ```
   ='Total Sales: $'& Round(Sum(Sales)/1000000, 0.1) & 'M'
   ```

9. 按一下套用。

## 新增樹狀圖

樹狀圖使用巢狀矩形顯示階層式資料。在空間有限且您需要查看大量的層級式資料時使用樹狀圖。樹狀圖應主要用於展示可以進行彙總的值。

如需更多資訊，請參閱[樹狀圖](https://help.qlik.com/zh-TW/cloud-services/Subsystems/Hub/Content/Sense_Hub/Visualizations/TreeMap/treemap.htm)。

在此樹狀圖中，您將建立一個產品階層。

請執行下列動作：

1. 在資產面板中，開啟 圖表。

2. 在視覺化之下，將樹狀圖拖曳到長條圖下方的區域。

3. 前往 欄位 並新增 產品群組、產品類型 和項目描述 作為樹狀圖的維度。

4. 前往 主項目 並新增 Sales 作為量值。將會建立樹狀結構圖。

5. 點擊點擊以新增標題在圖上，然後新增標題：Product Treemap。

6. 在外觀 > 色彩和圖標之下，將色彩從自動設定為自訂。

7. 在清單中選取按照量值。

8. 選取主量值Sales。

## 新增篩選窗格

篩選窗格的目的是篩選出有限的資料集，從而您可以進行分析和探索。

如需更多資訊，請參閱[篩選窗格](https://help.qlik.com/zh-TW/cloud-services/Subsystems/Hub/Content/Sense_Hub/Visualizations/FilterPane/filter-pane.htm)。

您現在要重複使用您已儲存為主項目的 Period 篩選窗格和 Region 篩選窗格。

請執行下列動作：

1. 調整橫條圖和樹狀圖的大小，讓左側有空間留給兩個篩選窗格。

2. 在資產面板中，按一下the 主項目 icon 以開啟 。

3. 按一下視覺化。

4. 將篩選窗格 Period 拖曳到工作表中並調整大小。

5. 將篩選窗格 Region 拖曳到 Period 下方的區域中並調整大小。

此工作表已完成。在資產面板中，按一下工作表並選取 Customer Details 以移至該工作表。

相關學習內容：

* [在雲端中使用預設工作表編輯檢視](https://help.qlik.com/lnk/Using_default_sheet_editing_Cloud)

## 瞭解更多資訊

* [在雲端中使用預設工作表編輯檢視](https://help.qlik.com/lnk/Using_default_sheet_editing_Cloud)