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

データの値を線で結び、時間の経過とともに現れる傾向を表現します。時間や項目によるいろいろな数値の変化を追うのに適しています。

3D線グラフ

Image Added

線グラフと似ていますが、3次元で表示されます。

Zグラフ

Image Added

データの累積合計と移動合計によってある短い期間の傾向を示します。

階段線グラフ

Image Added

動きが直線ではなく階段状に表現される線グラフです。

グラフデータオプション

オプション

説明

ラベル

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

シリーズ

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

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

線グラフチュートリアル

ページトップ

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

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

チュートリアル

T以下の線グラフチュートリアルは、後述するZグラフを除き、前述した線グラフのどれでも使用できます。

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.* 名前として「*Line Chart Tutorial*」と入力し、説明として「*This Line Chart was created using the Charts Tutorial*」と入力します。 *21.* カテゴリーとして「*チュートリアル*」、サブカテゴリーとして「*グラフ*」と入力します。 *22.* 「*有効化*」をクリックします。 {column} {column:width=70%} !8.png|thumbnail,border=1! {column} {section} h2. Zグラフチュートリアル {styleclass: Class=topLink}[ページトップ|#top] {styleclass} h3. サマリー Zグラフを設定するには、以下の手順を実行する必要があります: # グラフ表示されるレポートを作成します。 ## 「*ラベル*」として使用する日付フィールドを選択します。 ## 「*メトリック*」として使用するフィールドを選択します。 # タイプとして「*Zグラフ*」を選択してグラフを作成します。 # 「*ラベル*」と「*メトリック*」オプションを入力して、「*更新*」をクリックします。 # 必要に応じてグラフをカスタマイズします。 # 「*閉じる*」をクリックしてグラフビルダーを閉じます。 # レポートを「*保存*」します。 h3. チュートリアル Zグラフは、期間を比較するために使用される特別に設計された線グラフです。 {section} {column:width=30%} *1.* 他のグラフと同様に、「{color:#357cb6}作成{color}」リンクをクリックしてグラフの作成を開始します。 *2.* 「レポートデータ」ページで、「 !rpt_dim.png! *Month*」ディメンションと「 !rpt_metric.png! *Profit Margin*」メトリックを{*}カラム(列)*フィールドエリアにドラッグ&ドロップします。 *3.* 「Profit Margin」の集計を平均に変更するため、同フィールドを選択して、 「 !avg.png! 」アイコンをクリックします。 *4.* 他のグラフの場合と同様に、「グラフのみ」オプションが選択されていることを確認します。 *5.* ページ上部の「 !step_right_on.png! 」をクリックし、次のステップに移行します。 {column} {column:width=70%} !68.png|thumbnail,border=1! {column} {section} {section} {column:width=30%} *6.* 「レポートプレビュー」ページで「{color:#357cb6}カラム(列){color}」リンクをクリックします。 {column} {column:width=70%} !69.png! {column} {section} {section} {column:width=30%} *7.* カラム(列)として「*Month*」を選択します。 *8.* 「*表示*」メニューをクリックします。 *9.* *書式{*}を「*日付*」に設定します。 *10.* *日付書式{*}として「*その他*」を選択します。 *11.* 「*書式*」ボックスに「MMMM, yy」と入力します。 *12.* これらのオプションによって、単に月の名前が表示されるのではなく、月の名前と年が、たとえば、「March, 09」のように表示されます。 {column} {column:width=70%} !70.png|thumbnail,border=1! {column} {section} {section} {column:width=30%} *13.* 「レポートプレビュー」ページで、前と同様に「円グラフ」のイメージをクリックします。 *14.* 「*グラフ*」メニューをクリックして、グラフタイプとして「*線グラフ*」、サブタイプとして「*Zグラフ*」を選択します。 *15.* 「*保存*」をクリックして、Zグラフのオプションをロードします。 {column} {column:width=70%} !71.png|thumbnail,border=1! {column} {section} {section} {column:width=30%} *16.* *ラベル{*}を「*Month*」に設定します。 *17.* *シリーズ{*}を「*Avg Profit Margin*」に設定します。 *18.* 「*更新*」をクリックして、グラフを生成します。 {column} {column:width=70%} !72.png! {column} {section} {section} {column:width=30%} *19.* グラフは次のように表示されます。 {column} {column:width=70%} !73.png|thumbnail,border=1! {column} {section} {section} {column:width=30%} *20.* Zグラフの表示をカスタマイズします。「{color:#357cb6}Chart Format{color}」メニューをクリックします。 *21.* 一度に24か月分のデータを表示するようにグラフを拡張します。これを実行する場合は、*移動合計{*}を計算するために{*}2倍{*}のデータ量が必要となる点に留意してください。この場合は、48か月分のデータが必要となります。 *22.* 「*保存*」をクリックして、これらのオプションによってグラフがどのように変更されたか確認します。 {column} {column:width=70%} !74.png|thumbnail,border=1! {column} {section} {section} {column:width=30%} *23.* 「*期間値*」の横の矢印アイコンをクリックして、オプションを展開します。 *24.* *線の形状{*}を「*Yes*」に設定します。 *25.* *線の幅{*}を{*}2{*}に設定します。 *26.* 「*累積合計*」と「*移動合計*」についてこれらのステップを繰り返します。 *27.* 「*更新*」をクリックして、グラフを再生成します。 {column} {column:width=70%} !75.png! {column} {section} {section} {column:width=30%} *28.* グラフはここに示すように表示されます。 *29.* このグラフの作成は終了しました。「*保存*」して、それを「*有効化*」します。 {column} {column:width=70%} !76.png|thumbnail,border=1! {column} {section} {section} {column:width=30%} *30.* 「*閉じる*」ボタンをクリックして、「レポートプレビュー」ページに戻ります。 !menu_close.png! *31.* 「*保存*」メニューをクリックして、「*Z Chart Tutorial*」という名前を付けます。 *32.* *説明{*}として「*This Z Chart was created using the Charts Tutorial*」と入力します。 *33.* カテゴリーとして「*チュートリアル*」、サブカテゴリーとして「*グラフ*」と入力します。 *34.* 「*有効化*」をクリックします。 {column} {column:width=70%} !77.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. 名前として「Line Chart Tutorial」と入力し、説明として「This Line Chart was created using the Charts Tutorial」と入力します。

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

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

Column
width70%

Image Added

Zグラフチュートリアル

サマリー

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

  1. グラフ表示されるレポートを作成します。
    1. ラベル」として使用する日付フィールドを選択します。
    2. メトリック」として使用するフィールドを選択します。
  2. タイプとして「Zグラフ」を選択してグラフを作成します。
  3. ラベル」と「メトリック」オプションを入力して、「更新」をクリックします。
  4. 必要に応じてグラフをカスタマイズします。
  5. 閉じる」をクリックしてグラフビルダーを閉じます。
  6. レポートを「保存」します。

チュートリアル

Zグラフは、期間を比較するために使用される特別に設計された線グラフです。

Section
Column
width30%

1. 他のグラフと同様に、「作成」リンクをクリックしてグラフの作成を開始します。

2. 「レポートデータ」ページで、「 Image Added Month」ディメンションと「 Image Added Profit Margin」メトリックを{*}カラム(列)*フィールドエリアにドラッグ&ドロップします。

3. 「Profit Margin」の集計を平均に変更するため、同フィールドを選択して、
Image Added 」アイコンをクリックします。

4. 他のグラフの場合と同様に、「グラフのみ」オプションが選択されていることを確認します。

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

Column
width70%

Image Added

Section
Column
width30%

6. 「レポートプレビュー」ページで「カラム(列)」リンクをクリックします。

Column
width70%

Image Added

Section
Column
width30%

7. カラム(列)として「Month」を選択します。

8.表示」メニューをクリックします。

9. 書式を「日付」に設定します。

10. 日付書式として「その他」を選択します。

11.書式」ボックスに「MMMM, yy」と入力します。

12. これらのオプションによって、単に月の名前が表示されるのではなく、月の名前と年が、たとえば、「March, 09」のように表示されます。

Column
width70%

Image Added

Section
Column
width30%

13. 「レポートプレビュー」ページで、前と同様に「円グラフ」のイメージをクリックします。

14.グラフ」メニューをクリックして、グラフタイプとして「線グラフ」、サブタイプとして「Zグラフ」を選択します。

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

Column
width70%

Image Added

Section
Column
width30%

16. ラベルを「Month」に設定します。

17. シリーズを「Avg Profit Margin」に設定します。

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

Column
width70%

Image Added

Section
Column
width30%

19. グラフは次のように表示されます。

Column
width70%

Image Added

Section
Column
width30%

20. Zグラフの表示をカスタマイズします。「Chart Format」メニューをクリックします。

21. 一度に24か月分のデータを表示するようにグラフを拡張します。これを実行する場合は、移動合計を計算するために2倍のデータ量が必要となる点に留意してください。この場合は、48か月分のデータが必要となります。

22.保存」をクリックして、これらのオプションによってグラフがどのように変更されたか確認します。

Column
width70%

Image Added

Section
Column
width30%

23.期間値」の横の矢印アイコンをクリックして、オプションを展開します。

24. 線の形状を「Yes」に設定します。

25. 線の幅2に設定します。

26.累積合計」と「移動合計」についてこれらのステップを繰り返します。

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

Column
width70%

Image Added

Section
Column
width30%

28. グラフはここに示すように表示されます。

29. このグラフの作成は終了しました。「保存」して、それを「有効化」します。

Column
width70%

Image Added

Section
Column
width30%

30.閉じる」ボタンをクリックして、「レポートプレビュー」ページに戻ります。

Image Added

31.保存」メニューをクリックして、「Z Chart Tutorial」という名前を付けます。

32. 説明として「This Z Chart was created using the Charts Tutorial」と入力します。

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

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

Column
width70%

Image Added