# アプリケーションでデータを使用する

このチュートリアルの最終段階として、ロードしたデータをアプリケーションのビジュアライゼーションに取り込みます。

## チャートの追加

データがロードされ、データを使ってチャートを作成できるようになりました。チャートはビジュアライゼーションともいいます。必要な軸とメジャーを追加するまでチャートは完成しません。軸とメジャーの追加は、チャートを追加してから行います。

次の手順を実行します。

1. Scripting Tutorial アプリケーションで新しいシートを作成します。
2. プロパティ パネルで、シートのタイトルを Product sales に設定します。
3. [チャート] タブからフィルター パネルをシートにドラッグし、ハンドルを使って、幅がセル 3 個分、高さがセル 4 個分になるようにサイズを変更します。これをシートの左上に配置します。
4. 棒グラフを右上にドラッグし、高さをセル 5 個分、幅はシートの端まで十分拡大できるだけの余裕を持たせます。
5. 折れ線グラフを残りのスペースまでドラッグします。

   追加されたチャートの種類は、シート上に表示されるアイコンで確認できます。これでチャートに軸とメジャーを追加し、ビジュアライゼーションを作成できます。

   空のチャートを含むアプリケーション シート

   空のチャートを含むアプリケーション シート

   空のチャートを含むアプリケーション シート ![空のチャートを含むアプリケーション シート](https://help.qlik.com/ja-JP/cloud-services/Subsystems/Hub/Content/Resources/Images/tutorial_add-app-charts_saas_rev2.png)

## 軸とメジャーの追加

次のステップでは、軸とメジャーを追加します。まず、時間軸を左上のフィルター パネルに追加します。フィルター パネルは、スペースの節約に有効です。Year、Quarter、Month、Week のそれぞれに個別のフィルター パネルを設ける代わりに、同じ目的で単一のフィルター パネルを使用します。

### 軸の作成と追加

次の手順を実行します。

1. アセット パネルで、the フィールド icon をクリックします。ここにはデータ ロード エディタにロードした全テーブルの項目がすべて表示されます。

2. リストの最下部までスクロールダウンし、Year 項目をクリックします。この項目を左上にあるフィルター パネルの中央にドラッグします。

3. 同様の方法で Quarter、Month、Week をフィルター パネルに追加します。

   Year、Quarter、Month、Week の 4 つの軸があるフィルター パネルが作成されました。

### メジャーの作成と追加

通常、ビジュアライゼーションでは軸とメジャーが必要になります。メジャーとは集計式の結果で、多くの場合はSum、Max、Min、Avg (平均)、Count などの基本的な関数です。

棒グラフには地域ごとの売上が表示されます。

次の手順を実行します。

1. フィールド で、フィールド Region をクリックし、棒グラフ エリアの中央にドラッグします。

2. [Add "Region"] ("Region" を追加) をクリックします。

3. 項目 Sales をクリックし、棒グラフ エリアの中央にドラッグします。

4. [メジャーとして追加] > [Sum (Sales)] をクリックします。

5. 右側のプロパティ パネルで、[スタイル] をクリックしてから [プレゼンテーション] をクリックします。[水平] を選択します。

   これで棒が水平に表示されます。

6. 右側のプロパティ パネルで [ソート] をクリックします。

   ソート順が表示されます。

7. Sum([Sales]) の上にある Region をドラッグし、軸が Sum([Sales]) (軸値、アルファベット順) ではなく、Region (メジャー値) によってソートされるようにします。

   棒グラフが完了し、異なる地域の売上結果が表示されます。これは基本的な棒グラフです。プロパティ パネル (右側) には、これを拡張するためのオプションが複数あります。1 つの例として、タイトル エリアにタイトル以外を入力してみます。

8. 次の文字列をコピーして、棒グラフのタイトル項目に貼り付けてください。

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

9. Enter を押します。

このシートの最終的なビジュアライゼーションは折れ線グラフです。

次の手順を実行します。

1. フィールド で、フィールド Month をクリックし、折れ線グラフ エリアの中央にドラッグします。
2. [Add "Month"] ("Month" を追加) をクリックします。
3. 項目 Year をクリックし、折れ線グラフ エリアの中央にドラッグします。
4. [Add "Year"] ("Year" を追加) をクリックします。
5. 項目 Margin をクリックし、折れ線グラフ エリアの中央にドラッグします。
6. [メジャーとして追加] > [Sum (Margin)] をクリックします。
7. 折れ線グラフの上に「Profit margin」というタイトルを追加します。

   データを示すチャート

   データを示すチャート

   データを示すチャート ![データを含むシート内の完成したチャート](https://help.qlik.com/ja-JP/cloud-services/Subsystems/Hub/Content/Resources/Images/tutorial_app-edit-rev2.png)
8. シートの編集を終了します。

   これでシートが完成し、アイテムのクリックやコンテンツの利用が可能になりました。

   完成したシート

   完成したシート

   完成したシート ![](https://help.qlik.com/ja-JP/cloud-services/Subsystems/Hub/Content/Resources/Images/SenseTutorials/tutorial_app-done-rev.png)

   元の Sales.xlsx ファイルで月次売上データの量を制限しているため、毎年 3 月末以降はグラフに使用できるデータがほとんどありません。フィルター パネルで選択して、毎年最初の 3 か月のみを比較できます。
9. フィルター ボックスで Month 項目をクリックし、Jan、Feb、Mar を選択します。

   フィルター ボックス

   フィルター ボックス

   フィルター ボックス ![フィルター ボックス。](https://help.qlik.com/ja-JP/cloud-services/Subsystems/Hub/Content/Resources/Images/tutorial-app-filter-pane.png)
10. フィルター パネルを閉じます。Profit margin チャートに、毎年最初の 3 か月のデータが示されています。

    選択に基づいて更新された Profit margin チャート

    選択に基づいて更新された Profit margin チャート

    選択に基づいて更新された Profit marginProfit margin チャート ![](https://help.qlik.com/ja-JP/cloud-services/Subsystems/Hub/Content/Resources/Images/SenseTutorials/tutorial-app_done_filter_data-rev.png)

## お疲れ様でした

以上でチュートリアルは終了です。ここでご紹介した基本情報をアプリケーションでのスクリプト作成にお役立てください。ウェブ サイトでは、アプリケーション作成のヒントやアイデアを公開しています。ぜひご利用ください。