# 2 番目のシート: Product Details

2 番目のシートでは、製品に焦点を当てた棒グラフとツリーマップを作成します。次に、フィルター パネルを追加して、日付および地域でフィルター処理できるようにします。

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

終了時の Product Details シート

終了時の Product Details シート

終了時の Product DetailsProduct Details シート ![完成時の製品詳細シート。](https://help.qlik.com/ja-JP/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/ja-JP/cloud-services/Subsystems/Hub/Content/Sense_Hub/Visualizations/TreeMap/treemap.htm)」を参照してください。

このツリーマップでは、製品の階層を作成します。

次の手順を実行します。

1. アセット パネルで、 [チャート] を開きます。

2. [ビジュアライゼーション] で、ツリーマップを棒グラフの下のエリアにドラッグします。

3. [項目] に移動し、Product Group、Product Type、 Item Desc を軸としてツリーマップに追加します。

4. [マスター アイテム] に移動し、メジャーとして Sales を追加します。ツリーマップが作成されます。

5. チャートの [クリックしてタイトルを追加] をクリックし、Product Treemap のタイトルを追加します。

6. [スタイル] > [色と凡例] の順に選択し、[色] を [自動] から [カスタム] に設定します。

7. リストから [メジャーごと] を選択します。

8. マスター メジャー Sales を選択します。

## フィルター パネルの追加

このフィルター パネルは、限定的なデータ セットをフィルターし、分析と探索を可能にすることを目的としています。

詳細については、「[フィルター パネル](https://help.qlik.com/ja-JP/cloud-services/Subsystems/Hub/Content/Sense_Hub/Visualizations/FilterPane/filter-pane.htm)」を参照してください。

マスター アイテムとして保存した Period フィルター パネル と Region フィルター パネルを再利用します。

次の手順を実行します。

1. 棒グラフとツリーマップのサイズを変更して、左側に 2 つのフィルター パネル用のスペースを確保します。

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)