Page Comparison

{anchor:top}
{toc: class=contents}

h2. 概要
{styleclass: Class=topLink}[ページトップ|#top]

{styleclass}

| *エリアグラフ* | !chart_area.png! | 時間の経過による値の変化の大きさを強調したい場合に適しています。時間の経過とともに値がどれくらい変化するのかを見たいときに使用してください。 |
| *積み上げエリアグラフ* | !chart_area_stacked.png! | 複数のカテゴリーを比較しながら時間の経過による値の変化の大きさを強調したい場合に適しています。 |

h3. グラフデータオプション

|| オプション || 説明 ||
| ラベル | X軸のカテゴリーラベル。 |
| シリーズ | 金額などが代表的な数値型の値です。グラフ上で測定するアイテムです。 |
| 色 | このオプションはクロス集計のデータがある場合にだけ使用できます。このオプションでクロス集計のシリーズデータに適用する色を指定します。 |


h2. エリアグラフチュートリアル
{styleclass: Class=topLink}[ページトップ|#top]

{styleclass}

h3. サマリー

エリアグラフを設定するには、以下の手順を実行する必要があります：
# グラフ表示されるレポートを作成します。
## 「*ラベル*」として使用するフィールドを選択します。
## 「*メトリック*」として使用するフィールドを選択します。
## 「*色*」として使用するフィールドを選択します（クロス集計レポートを作成することに決定している場合）。
# タイプとして「*エリアグラフ*」を選択してグラフを作成します。
# 「*ラベル*」、「*メトリック*」、および「*色*」オプションを入力し、「*更新*」をクリックします。
# 必要に応じてグラフをカスタマイズします。
# 「*閉じる*」をクリックしてグラフビルダーを閉じます。
# レポートを「*保存*」します。


h3. チュートリアル
{section}
{column: width=30%}
*1.* 「*作成*」リンクをクリックして、「*レポート*」を選択しレポートの作成を開始します。
{column}
{column: width=70%}
!01.png!
{column}
{section}

{section}
{column: width=30%}
*2.* 「レポートの初期化」ページが表示されます。作成ツールとして「*ドラッグ＆ドロップで作成*」を選択します。
{column}
{column: width=70%}
!02.png!
{column}
{section}

{section}
{column: width=30%}
*3.* ビューとして「*Ski Team*」を選択します。

*4.* 「 !step_right_on.png! 」ボタンをクリックして次に進みます。
{column}
{column: width=70%}
!2a.png|thumbnail,border=1!
{column}
{section}

{section}
{column:width=30%}
*5.* 「*ステップ1. レポートデータ*」ページが表示されます。まず、出力オプションを「*グラフのみ*」に設定します（右側の「*レポートのオプション*」セクションで選択します）。これにより、グラフだけが表示されます。
{column}
{column:width=70%}
!3.png!
{column}
{section}

{section}
{column:width=30%}
*6.* ここで、メトリックをレポートに追加する必要があります。「Time」カテゴリーの横にある「 !expand.gif! 」をクリックしてそれを展開します。

*7.* 「 !rpt_dim.png! *Year* 」フィールドをカラム（列）エリアにドラッグ＆ドロップします。

*8.* ここで、「*Athlete Payment*」カテゴリーを展開し、「 !rpt_metric.png! *Invoice Estimate* 」ディメンションを{*}カラム（列）*エリアの「*Year*」の下にドラッグ＆ドロップします。アイコンが \!rpt_metric_sum.png\!に変わったことがわかります。これは、このフィールドのデフォルトの集計がビューの中で「*SUM*」に設定されたためです。

*9.* ページ上部の「 !step_right_on.png! 」をクリックし、次のステップに移行します。
{column}
{column:width=70%}
!4.png|thumbnail,border=1!
{column}
{section}

{section}
{column:width=30%}
*10.* 「レポートプレビュー」ページが表示されます。円グラフのイメージをクリックし、「グラフビルダー」ページに移動してグラフを設定します。
{column}
{column:width=70%}
!ChartClick.png|thumbnail,border=1!
{column}
{section}

{section}
{column:width=30%}
*11.* 「*グラフ*」メニューをクリックして、グラフタイプとして「*エリアグラフ*」を選択し、エリアグラフの図をクリックしてそれを選択します

*12. 「保存」をクリックして、エリアグラフのオプションをロードします。*
{column}
{column:width=70%}
!5.png|thumbnail,border=1!
{column}
{section}

{section}
{column:width=30%}
*13.* 「*グラフデータ*」セクションで、グラフの設定値ごとにデータを選択する必要があります。

*14.* ラベルとして「*Year*」を選択します。

*15.* シリーズを「*Sum Invoice Estimate*」に設定します。

*16.* 「*更新*」をクリックして、グラフを生成します。
{column}
{column:width=70%}
!6a.png!
{column}
{section}

{section}
{column:width=30%}
*17.* これで図に示すようなグラフが作成されました。

*18.* ここでグラフを「*保存*」し、「*有効化*」する必要があります。 「 !menu_close.png! *閉じる*」ボタンをクリックして、「レポートプレビュー」ページに戻ります。
{column}
{column:width=70%}
!7.png|thumbnail,border=1!
{column}
{section}

{section}
{column:width=30%}
*19.* ここで、レポートを保存します。「*レポート*」メニューをクリックして「*保存*」を選択します。

*20.* 名前として「*Area Chart Tutorial*」と入力し、説明として「*This Area Chart was created using the Charts Tutorial*」と入力します。

*21.* カテゴリーとして「*チュートリアル*」、サブカテゴリーとして「*グラフ*」と入力します。

*22.* 「*有効化*」をクリックします。
{column}
{column:width=70%}
!8.png|thumbnail,border=1!
{column}
{section}


h2. 積み上げエリアグラフチュートリアル
{styleclass: Class=topLink}[ページトップ|#top]

{styleclass}

{section}
{column: width=30%}
*1.* 上記のエリアグラフチュートリアルと同様にレポートの作成を開始するか、または以前に作成したエリアグラフを編集します。
{column}
{column: width=70%}
!9.png!
{column}
{section}

{section}
{column: width=30%}
*2.* 右側の「*レポートオプション*」パネルでレポートを「*クロス集計*」表示に変更します。
{column}
{column: width=70%}
!10.png!
{column}
{section}

{section}
{column: width=30%}
*3.* レポートをクロス集計に変更するかどうか確認を求められるので、「*確認*」をクリックします。
{column}
{column: width=70%}
!11.png!
{column}
{section}

{section}
{column: width=30%}
*4.* ロウ（行）として「*Demographic*」、カラム（列）として「*Year*」、メトリックとして「*Invoiced Estimate*」を使用して、レポートが完全に投入されていることを確認します。

*5.* ページ上部の「 !step_right_on.png! 」をクリックし、次のステップに移行します。

*6.* 円グラフのイメージをクリックしてグラフを編集します。
{column}
{column: width=70%}
!12.png|thumbnail,border=1!
{column}
{section}

{section}
{column:width=30%}
*7.* 「*グラフ*」メニューをクリックして、グラフタイプとして「*エリアグラフ*」を選択し、*積み上げエリアグラフ{*}の図をクリックしてそれを選択します。

*8.* 「*保存*」をクリックして、エリアグラフのオプションをロードします。
{column}
{column:width=70%}
!13.png|thumbnail,border=1!
{column}
{section}

{section}
{column:width=30%}
*9.* 「*グラフデータ*」セクションで、グラフの設定値ごとにデータを選択する必要があります。

*10.* ラベルを「*Year*」に設定します。

*11.* シリーズを「*Sum Invoice Estimate*」に設定します。

*12.* 色を「*Demographic*」に設定します。

*13.* 「*更新*」をクリックして、グラフを生成します。
{column}
{column:width=70%}
!14.png!
{column}
{section}

{section}
{column:width=30%}
*14.* これで図に示すようなグラフが作成されました。

*15.* ここでグラフを「*保存*」し、「*有効化*」する必要があります。
{column}
{column:width=70%}
!15.png|thumbnail,border=1!
{column}
{section}


\\
\\
{horizontalrule}
{styleclass: Class=topLink}[ページトップ|#top]

{styleclass}