# 最初のシート: Dashboard

この最初のシートでは、さまざまなビジュアライゼーションでダッシュボードを作成します。

[The first sheet: Dashboard](https://play.vidyard.com/u52eRKu4GQXtxmVjbM42ER)

## 概要

先ほど作成した Dashboard シートを開きます。現在はシートが空ですが、まもなくコンテンツが入ります。

### 編集モード

左から右に向かって、編集モードは次のようなレイアウトになっています。

1. アセット

2. シート エリア

3. プロパティ

編集モードでビジュアライゼーションのない Dashboard シート

編集モードでビジュアライゼーションのない Dashboard シート

編集モードでビジュアライゼーションのない DashboardDashboard シート ![標準編集モードでチャートのないシート。](https://help.qlik.com/ja-JP/cloud-services/Subsystems/Hub/Content/Resources/Images/ui-gen-tutorial-sheet_nocharts.png)

### 項目、軸、メジャー

ビジュアライゼーションは、項目、軸、およびメジャーを使用して構築されます。

#### 項目

項目は、データ ソースからロードされた値を含むデータ アセットです。基本的なレベルでは、項目はテーブルの列に対応します。項目は、ビジュアライゼーションで軸とメジャーを作成するために使用されます。

詳しくは「[項目](https://help.qlik.com/ja-JP/cloud-services/Subsystems/Hub/Content/Sense_Hub/DataSource/fields.htm)」を参照してください。

#### 軸

軸は、チャート内のデータを分類するために使用されるエンティティです。例えば、円グラフのスライスまたは棒グラフの棒は、軸の個々の値を表します。多くの場合、軸は離散値を持つ単一の項目ですが、数式で計算することもできます。

詳細については、「[軸を使用したデータのグループ化](https://help.qlik.com/ja-JP/cloud-services/Subsystems/Hub/Content/Sense_Hub/Dimensions/dimensions.htm)」を参照してください。

#### メジャー

メジャーは 1 つ以上の集計に基づく計算です。例えば、売上の合計は 1 つの集計ですが、売上の合計を顧客の数で割ったものは、2 つの集計に基づくメジャーです。

詳細については、「[メジャー](https://help.qlik.com/ja-JP/cloud-services/Subsystems/Hub/Content/Sense_Hub/Measures/measures.htm)」を参照してください。

### マスター アイテム

マスター アイテムとは、一度定義すればアプリ内の複数のビジュアライゼーションやシートに追加できる、再利用可能な軸、メジャー、またはビジュアライゼーションのことです。マスター アイテムを使用することで、項目の使用方法や値の計算方法の一貫性が確保され、要件が変更された場合でも、共有アセットを 1 か所で簡単に更新できます。

## このシートの目的

ダッシュボードには現在の状況の概要がまとめられており、ここでは販売傾向と数字に焦点を当てています。ダッシュボードはデータ探索を意図したものではありませんが、データを選択して結果を分析することはできます。

終了時の Dashboard シート

終了時の Dashboard シート

終了時の DashboardDashboard シート ![チュートリアル終了時のダッシュボード シート](https://help.qlik.com/ja-JP/cloud-services/Subsystems/Hub/Content/Resources/Images/ui_gen_DashboardSheetFinal.png)

## ドーナツ チャートの追加

作成する最初のビジュアライゼーションは Sales per Region ドーナツ チャートです。円グラフとドーナツ チャートは、値間の関係や合計に対する単一値の関係を表示します。正の値のみによる単一のデータ系列がある場合、円グラフを使用できます。負の値を含む単一のデータ系列がある場合は、ドーナツ チャートを使用する必要があります。

チャート提案を使用してこれを作成します。チャート提案を使用すると、フィールドまたはマスター アイテムをシートにドラッグしてチャートを作成でき、次にアプリケーションが適切なチャートを提案します。目的のチャートを作成したら、チャート提案をオフにしてビジュアライゼーションをカスタマイズできます。チャート提案の詳細については、[Insight Advisor 推奨チャートを使用したビジュアライゼーションの作成](https://help.qlik.com/ja-JP/cloud-services/Subsystems/Hub/Content/Sense_Hub/Visualizations/creating-visualization-assistance.htm)を参照してください。

ドーナツ チャートの作成の一環として、Sales項目の合計を計算するマスター メジャー Sales を作成します。マスター メジャー Sales は、このチュートリアルの他の多くのビジュアライゼーションで使用されます。

詳細については、「[円グラフとドーナツ チャート](https://help.qlik.com/ja-JP/cloud-services/Subsystems/Hub/Content/Sense_Hub/Visualizations/PieChart/pie-chart.htm)」を参照してください。

次の手順を実行します。

1. アセット パネルで、 [項目] をクリックし、Sales を右クリックして、 [メジャーの作成] を選択します。

2. [メジャーの新規作成] ダイアログの [数式] に、「Sum(Sales)」と入力します。

3. [作成] をクリックします。

   メジャーがマスター アイテムとして保存されます。

4. 

   アセット パネルで [マスター アイテム] をクリックし、Sales をシートにドラッグしてドロップします。

5. アセット パネルで、 [項目] をクリックし、Region 項目をシートにドラッグして、提案されたチャート上にドロップします。

6. チャートを選択し、プロパティパネルで [自動] をクリックして [円グラフ] を選択します。

7. [推奨チャート] をオフにします。

8. スタイル > 基本設定 で、タイトルの表示を選択してから、タイトル Sales per Region を追加します。

9. [スタイル] > [プレゼンテーション] で、 [ドーナツ] を選択します。

10. [スタイル] > [色と凡例] で、 [自動] をオフにします。

11. [カスタム] でドロップダウンをクリックし、[メジャー別] を選択します。

12. [凡例を表示] をオフに切り替えます。

これでドーナツ チャートが完成しました。ドーナツ チャートの色はメジャー別に設定されており、値が高いほど濃くなっています。

値の色分けにはさまざまなオプションがあります。設定する際には、色分けはデータを見やすくするためのもので、ビジュアライゼーションをカラフルにするためのものではないということを忘れないでください。

## KPI チャートの追加

2 番目のビジュアライゼーションは Total Sales and Margin KPI チャートです。KPI ビジュアライゼーションは 1 つまたは 2 つのメジャー値を表示し、パフォーマンスの追跡に使用されます。色分けと記号は、数値と予測結果との関連性を示しています。この KPI では、条件付き色分けを使用して、メジャーに表示される値に応じて色を変更します。

詳細については、「[KPI](https://help.qlik.com/ja-JP/cloud-services/Subsystems/Hub/Content/Sense_Hub/Visualizations/KPI/KPI.htm)」を参照してください。

次の手順を実行します。

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

2. [ビジュアライゼーション] で、ドーナツ チャートの右側にあるシートに [KPI] をドラッグ アンド ドロップします。

3. [メジャーを追加] > Sales をクリックします。

   売上総額が KPI に追加されます。

4. アセット パネルで [マスター アイテム] をクリックし、 [メジャー] の後で the 新規作成 icon をクリックします。

5. [数式] に「Sum(Margin)」と入力します。

6. 名前 Margin を入力し、 [作成] をクリックします。

7. マスター アイテムで、Margin を KPI にドラッグ アンド ドロップしてから、Margin の追加を選択します。

8. [スタイル] > [色] で、 [First] (最初) が選択されていることを確認し、 [条件付きの色] をオンにし 、 [ライブラリ カラー] をオフにします。

9. [限度の追加] をクリックします。

10. [値] で左側を選択し、カラーパレットから赤の色合いを選択します。

11. [値] で右側を選択し、カラーパレットから緑の色合いを選択します。

12. 値の限度を左側にドラッグして、売上高を赤で KPI に表示します。

13. [Second] (2 番目) を選択し、 [条件付きの色] をオンにして、 [ライブラリ カラー] をオフにします。

14. [限度の追加] をクリックします。

15. [値] で左側を選択し、カラーパレットから赤の色合いを選択します。

16. [値] で右側を選択し、カラーパレットから緑の色合いを選択します。

17. 値の制限を右にドラッグすると、KPI でマージン値が緑色で表示されます。

18. [スタイル] > [基本設定] で [タイトルを表示] をオンにして、「総売上高および利益」というタイトルを追加します。

## ゲージ チャートの追加

作成する 3 番目のビジュアライゼーションは Profit Margin ゲージ チャートです。ゲージは単一のメジャーを可視化するために使用されます。ゲージは読みやすく理解しやすいため、1 つの分野の実績がひと目でわかります。

詳細については、「[ゲージ](https://help.qlik.com/ja-JP/cloud-services/Subsystems/Hub/Content/Sense_Hub/Visualizations/Gauge/gauge.htm)」を参照してください。

今回は、利益率を計算する式を追加します。

次の手順を実行します。

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

2. [ビジュアライゼーション] で、KPI の右側にあるシートに [ゲージ] をドラッグ アンド ドロップします。

3. [メジャーを追加] をクリックします。[the 式 icon] をクリックします。

   数式エディタが開きます。

4. 入力:

   ```
   (sum(Sales) - sum(Cost)) / Sum (Sales)
   ```

5. [適用] をクリックします。

6. [プレゼンテーション] > [範囲制限] で、最小値を -0.5 に、最大値を 0.5に設定します。

7. [棒] オプションを選択します。

8. [セグメントを使用] をオンにし、[ライブラリを使用] をオフにします。

9. [限度の追加] ボタンをクリックします。項目に「 0.12」と入力します。

10. [値 ] バーをクリックします。制限を下回る値には赤を選択し、制限を超える値には緑を選択します

11. データを選択します。式をクリックして、その他のオプションを表示します。[数値の書式設定] で、ドロップダウン メニューから [数値 ] を選択します。[シンプル] で 12%を選択します。

    これにより、小数点なしのパーセンテージが表示されます。

12. [スタイル] > [メジャー軸] を選択します。[ラベルとタイトル] ドロップダウン メニューで [ラベルのみ] を選択します。

13. チャートをクリックしてタイトル 「利益率」 を追加します。

## 棒グラフの追加

次のビジュアライゼーションは、上位 5 社を示した棒グラフです。棒グラフは、複数の値の比較に適しています。軸の目盛線は比較するカテゴリ アイテムを示し、メジャー軸は各カテゴリ アイテムの値を示します。バーをグループ化したり積み上げると、グループ化されたデータを容易に見やすい形で表示できます。

詳細については、「[棒グラフ](https://help.qlik.com/ja-JP/cloud-services/Subsystems/Hub/Content/Sense_Hub/Visualizations/Bar-Chart/bar-chart.htm)」を参照してください。

次の手順を実行します。

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

2. [ビジュアライゼーション] で、ドーナツ チャートの下に棒グラフを追加します。

3. 項目で、Customer をチャートにドラッグ アンド ドロップして、軸として追加します。

4. マスター アイテムで、Sales をチャートにドラッグ アンド ドロップして、メジャーとして追加します。

5. 右側のプロパティ パネルの棒グラフで、[スタイル] > [プレゼンテーション] の順に移動し、[水平] を選択します。

6. [データ] で、Customer 軸をクリックします。

7. [制限事項] ドロップダウン メニューで、[固定数] を選択します。数式項目に次のように入力します。 5

   チャートには、上位 5 人の顧客のみが表示されます。

8. [その他の表示] チェック ボックスをクリアします。

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

棒グラフが完成し、上位 5 人の顧客が表示されます。他のビジュアライゼーションで選択を行うと、上位 5 社は自動的に変更されます。

[その他の表示] の選択を外さなかった場合は、5 つ目の棒がグレーになり、会社名が指定されていないすべての値を合計したものが表示されます。これは、購入先が特定されていない売上がどの程度あるのかを理解するのに役立ちます。

## 折れ線グラフの追加

5 番目のビジュアライゼーションは、Quarterly Trend 折れ線グラフです。折れ線グラフは、時間の経過に伴う動向を表示するために使用されます。軸は常に X 軸上にあり、メジャーは常に Y 軸上にあります。

詳細については、「[折れ線グラフ](https://help.qlik.com/ja-JP/cloud-services/Subsystems/Hub/Content/Sense_Hub/Visualizations/LineChart/line-chart.htm)」を参照してください。

この折れ線グラフは、2012～2014 年の四半期ごとの販売動向を示すために使用します。2014 年の数字は第 2 四半期までのものです。

次の手順を実行します。

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

2. [ビジュアライゼーション] で、折れ線グラフを棒グラフの横にドラッグ アンド ドロップします。

3. 項目 で 日付 > 派生項目 を選択し、Quarter と Year を軸として追加します。

4. [マスター アイテム] で、Sales をメジャーとして追加します。

5. プロパティ パネルのデータで、Date.autoCalendar.QuarterとDate.autoCalendar.YearのラベルをQuarterとYear に更新します。

6. スタイル > プレゼンテーションで、データ ポイントを表示チェック ボックスをオンにします。

7. チャートの [クリックしてタイトルを追加] をクリックし、 [四半期トレンド] を追加します。

## コンボ チャートの追加

最後のビジュアライゼーションは、Sales Trend コンボ チャートです。コンボ チャートは棒グラフと折れ線グラフを組み合わせたもので、通常であれば結合が困難な目盛の異なる値を 1 つにまとめたい場合に便利です。典型的な例としては、売上高を示す棒グラフがあり、この数字に利ざやの値 (%) を組み合わせたい場合です。

詳細については、「[コンボ チャート](https://help.qlik.com/ja-JP/cloud-services/Subsystems/Hub/Content/Sense_Hub/Visualizations/ComboChart/combo-chart.htm)」を参照してください。

次の手順を実行します。

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

2. ビジュアライゼーションで、コンボ チャートをシートに追加し、折れ線グラフの下に配置します。

3. [マスター アイテム] で、Sales を棒メジャーとして追加します。

4. 線メジャーとして Margin を追加します。

5. [項目] で、[日付] > [派生項目] をクリックします。YearMonth を軸として追加します。

6. Date.autoCalendar.YearMonth のラベルを YearMonth に更新します。

7. プロパティ パネルの [スタイル] > [色と凡例] で、 [凡例の表示] をオフに切り替えます。

8. [X 軸] で、 [連続] をオフに切り替え、 [連続スケールを使用] チェック ボックスをクリアします。

9. [ソート] で、YearMonth をソート順の最上位にドラッグします。

10. チャートをクリックして「売上傾向」というタイトルを追加します。

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

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

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

次の手順を実行します。

1. 左側にあるアセット パネルの the シート icon をクリックし、[チャート] を開きます。

2. [ビジュアライゼーション] で、フィルター パネルをシートにドラッグします。

3. アセット パネルの the 項目 icon をクリックし、[項目] を開きます。

4. リストの [Date] をクリックして展開します。

5. Year 項目をフィルター パネルの中央にドラッグしてから、右側のプロパティ パネルでクリックして軸を展開し、その [タイトル] を 「Year」 に変更します。

6. Quarter 項目をフィルター パネルにドラッグしてから、プロパティ パネルでクリックして、その [タイトル] を「Quarter」に変更します。

7. Month 項目をフィルター パネルにドラッグしてから、プロパティ パネルでクリックして、その [タイトル] を「Month」に変更します。

8. Week 項目をフィルター パネルにドラッグしてから、プロパティ パネルでクリックして、その [タイトル] を「Week」に変更します。

9. ハンドルを使用して、フィルター パネルのサイズを変更できます。

10. 各フィルター パネルを右クリックして、[マスター アイテムに追加] を選択します。

11. 名前に「Period」と入力し、[追加] をクリックします。

これでフィルター パネルが作成され、マスター アイテムとして保存されました。これにより、他のシートで簡単に再利用できます。

2 つ目のフィルター パネルには、Region という軸が 1 つだけ含まれています。

次の手順を実行します。

1. 左側にあるアセット パネルの the シート icon をクリックし、[チャート] を開きます。

2. [ビジュアライゼーション] で、フィルター パネルをシートにドラッグします。

3. [軸を追加] をクリックし、リストをスクロールダウンして Region 項目を見つけます。

4. ハンドルを使用して、フィルター パネルのサイズを変更できます。

5. フィルター パネルを右クリックして、[マスター アイテムに追加] を選択します。

6. 名前に「Region」と入力し、[追加] をクリックします。

これで 2 つのフィルター パネルが完成しました。

シート内のビジュアライゼーションの位置とサイズを自由に調整してください。

カスタマイズ後の Dashboard シート

カスタマイズ後の Dashboard シート

カスタマイズ後の DashboardDashboard シート ![カスタマイズ後のダッシュボード シート](https://help.qlik.com/ja-JP/cloud-services/Subsystems/Hub/Content/Resources/Images/ui_gen_DashboardSheetEdit_AfterCustomizing.png)

これで最初のシートが完成しました。アセット パネルで [シート] をクリックし、Product Details を選択してそのシートに移動します。

関連する学習コンテンツ：

* [クラウドで既定値シート編集ビューを使用する](https://help.qlik.com/lnk/Using_default_sheet_editing_Cloud)

## 詳細を見る

* [クラウドで既定値シート編集ビューを使用する](https://help.qlik.com/lnk/Using_default_sheet_editing_Cloud)