Versions Compared

Version Old Version 2 New Version 3
Changes made by

Former user

Former user

Saved on

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次元で表示されます。

積み上げ縦棒グラフ

Image Added

積み上げカラムグラフとも呼ばれます。全体に占める割合を見る時に使用します。

シリンダーグラフ

Image Added

縦棒グラフと似ていますが、グラフ要素が円柱で表示されます。

3D積み上げ縦棒グラフ

Image Added

積み上げ縦棒グラフと似ていますが、3次元で表示されます。

重ねグラフ

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.* 名前として「*Column Chart Tutorial*」と入力し、説明として「*This Column Chart was created using the Charts Tutorial*」と入力します。 *21.* カテゴリーとして「*チュートリアル*」、サブカテゴリーとして「*グラフ*」と入力します。 *22.* 「*有効化*」をクリックします。 {column} {column:width=70%} !8.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. 名前として「Column Chart Tutorial」と入力し、説明として「This Column Chart was created using the Charts Tutorial」と入力します。

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

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

Column
width70%

Image Added