Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: Migrated to Confluence 4.0

...

Anchor
top
top

Table of Contents
classcontents

概要

エリアグラフ

Image Added

時間の経過による値の変化の大きさを強調したい場合に適しています。時間の経過とともに値がどれくらい変化するのかを見たいときに使用してください。

積み上げエリアグラフ

Image Added

複数のカテゴリーを比較しながら時間の経過による値の変化の大きさを強調したい場合に適しています。

グラフデータオプション

オプション

説明

ラベル

X軸のカテゴリーラベル。

シリーズ

金額などが代表的な数値型の値です。グラフ上で測定するアイテムです。

このオプションはクロス集計のデータがある場合にだけ使用できます。このオプションでクロス集計のシリーズデータに適用する色を指定します。

エリアグラフチュートリアル

サマリー

エリアグラフを設定するには、以下の手順を実行する必要があります:

  1. グラフ表示されるレポートを作成します。
    1. ラベル」として使用するフィールドを選択します。
    2. メトリック」として使用するフィールドを選択します。
    3. 」として使用するフィールドを選択します(クロス集計レポートを作成することに決定している場合)。
  2. タイプとして「エリアグラフ」を選択してグラフを作成します。
  3. ラベル」、「メトリック」、および「」オプションを入力し、「更新」をクリックします。
  4. 必要に応じてグラフをカスタマイズします。
  5. 閉じる」をクリックしてグラフビルダーを閉じます。
  6. レポートを「保存」します。

チュートリアル

Section
Column
width30%

1.作成」リンクをクリックして、「レポート」を選択しレポートの作成を開始します。

Column
width70%

Image Added

Section
Column
width30%

2. 「レポートの初期化」ページが表示されます。作成ツールとして「ドラッグ&ドロップで作成」を選択します。

Column
width70%

Image Added

Section
Column
width30%

3. ビューとして「Ski Team」を選択します。

4.Image Added 」ボタンをクリックして次に進みます。

Column
width70%

Image Added

Section
Column
width30%

5.ステップ1. レポートデータ」ページが表示されます。まず、出力オプションを「グラフのみ」に設定します(右側の「レポートのオプション」セクションで選択します)。これにより、グラフだけが表示されます。

Column
width70%

Image Added

Section
Column
width30%

6. ここで、メトリックをレポートに追加する必要があります。「Time」カテゴリーの横にある「 Image Added 」をクリックしてそれを展開します。

7.Image Added Year 」フィールドをカラム(列)エリアにドラッグ&ドロップします。

8. ここで、「Athlete Payment」カテゴリーを展開し、「 Image Added 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}

ページ上部の「 Image Added 」をクリックし、次のステップに移行します。

Column
width70%

Image Added

Section
Column
width30%

10. 「レポートプレビュー」ページが表示されます。円グラフのイメージをクリックし、「グラフビルダー」ページに移動してグラフを設定します。

Column
width70%

Image Added

Section
Column
width30%

11.グラフ」メニューをクリックして、グラフタイプとして「エリアグラフ」を選択し、エリアグラフの図をクリックしてそれを選択します

12. 「保存」をクリックして、エリアグラフのオプションをロードします。

Column
width70%

Image Added

Section
Column
width30%

13.グラフデータ」セクションで、グラフの設定値ごとにデータを選択する必要があります。

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

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

16.更新」をクリックして、グラフを生成します。

Column
width70%

Image Added

Section
Column
width30%

17. これで図に示すようなグラフが作成されました。

18. ここでグラフを「保存」し、「有効化」する必要があります。 「 Image Added 閉じる」ボタンをクリックして、「レポートプレビュー」ページに戻ります。

Column
width70%

Image Added

Section
Column
width30%

19. ここで、レポートを保存します。「レポート」メニューをクリックして「保存」を選択します。

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

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

22.有効化」をクリックします。

Column
width70%

Image Added

積み上げエリアグラフチュートリアル

Section
Column
width30%

1. 上記のエリアグラフチュートリアルと同様にレポートの作成を開始するか、または以前に作成したエリアグラフを編集します。

Column
width70%

Image Added

Section
Column
width30%

2. 右側の「レポートオプション」パネルでレポートを「クロス集計」表示に変更します。

Column
width70%

Image Added

Section
Column
width30%

3. レポートをクロス集計に変更するかどうか確認を求められるので、「確認」をクリックします。

Column
width70%

Image Added

Section
Column
width30%

4. ロウ(行)として「Demographic」、カラム(列)として「Year」、メトリックとして「Invoiced Estimate」を使用して、レポートが完全に投入されていることを確認します。

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

6. 円グラフのイメージをクリックしてグラフを編集します。

Column
width70%

Image Added

Section
Column
width30%

7.グラフ」メニューをクリックして、グラフタイプとして「エリアグラフ」を選択し、積み上げエリアグラフの図をクリックしてそれを選択します。

8.保存」をクリックして、エリアグラフのオプションをロードします。

Column
width70%

Image Added

Section
Column
width30%

9.グラフデータ」セクションで、グラフの設定値ごとにデータを選択する必要があります。

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

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

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

13.更新」をクリックして、グラフを生成します。

Column
width70%

Image Added

Section
Column
width30%

14. これで図に示すようなグラフが作成されました。

15. ここでグラフを「保存」し、「有効化」する必要があります。

Column
width70%

Image Added