Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Wiki Markup
{anchor:top}
{toc: class=contents}

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

||Type||Icon||When to Use *タイプ* \\ || *アイコン* \\ || *主な用途* \\ ||
|*Vertical Column*| *縦棒グラフ* \\ | !chart_column.png! |You want数値を横に並べ、高さによってその比較を行います。時間の経過よりも値の比較に重きを置く場合に適しています。 to highlight values for easy comparison and plot your numbers vertically. Use a column chart to place less emphasis on time and focus on comparing values.|
|*3D Vertical Bar*|\\ |
| *3D縦棒グラフ* \\ | !chart_column3d.png! |Similar to縦棒グラフと似ていますが、3次元で表示されます。 the vertical bar chart, but in three dimensional form.|
|*Stacked Vertical Bar*|\\ |
| *積み上げ縦棒グラフ* \\ | !chart_column_stacked.png! |Also referred積み上げカラムグラフとも呼ばれます。全体に占める割合を見る時に使用します。 to\\ as stacked column charts and used when part-to-whole comparison is important.|
|*Cylinder*||
| *シリンダーグラフ* | !chart_column_cylinder.png! |Similar to縦棒グラフと似ていますが、グラフ要素が円柱で表示されます。 the vertical bar, but having chart components shown in cylindrical form.|
|*3D Stacked Vertical Bar*|\\ |
| *3D積み上げ縦棒グラフ* \\ | !chart_column_stacked3d.png! |Similar to積み上げ縦棒グラフと似ていますが、3次元で表示されます。 the\\ 3d|
stacked| vertical bar chart, but in three dimensional form.|
|*Layered*|*重ねグラフ* \\ | !chart_column_layered.png! |Compares the contribution of each value to a total across categories.グラフを重ねることによりカテゴリーを通してそれぞれの値を比較します。 \\ |

h3. Chart Dataグラフデータオプション
Options
||Option オプション ||Description 説明 ||
|Label|This isラベル the category label for the X axis|
|Series|Typically a numeric value such as $.  An item that you want to measure on your Chart|
|Colour|This option is only available if you have a cross tab data set available and is used to determine the colour applied for cross tab series data.| X軸のカテゴリーラベル。 |
| シリーズ | $などが代表的な数値型の値です。グラフ上で測定するアイテムです。 |
| 色 | このオプションはクロス集計のデータがある場合にだけ使用できます。このオプションでクロス集計のシリーズデータに適用する色を指定します。 |

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

h3. Summary
Inサマリー
order
to setカラムグラフを設定するには、以下の手順を実行する必要があります:
up
a Column Chart you will need:
# Create a report with chart display
## Select a field to use as the *Label*
## Select a field to use as the *Metric*
## Select a field to use as the *Colour* (if you have decided to create a cross tab report)
# Create your chart, selecting *Column* as the type
# Provide the *Label*, *Metric*, and *Colour* options and *Refresh*
# Customise the Chart as required
# *Close* the Chart Builder
# *Save* your report


h3. Tutorial
The following Column Chart tutorial can be used for any of the above listed Column Charts, with the exception of the Stacked and Layered options, which simply requires the report to be changed to a cross tab in order to be implemented.

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


h3. チュートリアル

以下のカラムグラフチュートリアルは、積み上げオプションと重ねオプションを除き、前述のカラムグラフのいずれでも使用できます。積み上げオプションと重ねオプションを実装する場合は、レポートをクロス集計に変更する必要があるだけです。


{section}
{column: width=30%}
*1.* Click on the *Create* link and select *Report* to begin building your report. 「*作成*」リンクをクリックして、「*レポート*」を選択しレポートの作成を開始します。
{column}
{column: width=70%}
!01.png! 
{column}
{section}

{section}
{column: width=30%}
*2.* You should now be on the Initialise Report page. Select the *Drag and Drop Builder* as the build tool. 「レポートの初期化」ページが表示されます。作成ツールとして「*ドラッグ&ドロップで作成*」を選択します。
{column}
{column: width=70%}
!02.png!

{column}
{section}

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

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

{column}
{section}

{section}
{column:width=30%}
*5.* You should now be on the *Step 1. Report Data* page. To start with, set the Output Options to *Chart Only* by selecting it in the *Report Options* section on the right. This will ensure that the information appears as a chart.
「*ステップ1. レポートデータ*」ページが表示されます。まず、出力オプションを「*グラフのみ*」に設定します(右側の「*レポートのオプション*」セクションで選択します)。これにより、グラフだけが表示されます。

{column}
{column:width=70%}
!3.png!
{column}
{section}
	

{section}
{column:width=30%}
*6.* Now you need to add metrics to your report. Click on the ここで、メトリックをレポートに追加する必要があります。「*Time*」カテゴリーの横にある「  !expand.gif! next to the *Time* category to expand it. 

* 」をクリックしてそれを展開します。

*7.* Drag and drop the「  !rpt_dim.png!  *Year* field into the *Columns* area. 」フィールドを{*}カラム(列)*エリアにドラッグ&ドロップします。 

*8.* Now expand the ここで、「*Athlete Payment* category and drag and drop the」カテゴリーを展開し、「  !rpt_metric.png! *Invoice Estimate* dimension into the *Columns* area below *Year*. You will notice that the icon has changed to 」ディメンションを{*}カラム(列)*エリアの「*Year*」の下にドラッグ&ドロップします。アイコンが  !rpt_metric_sum.png!, this is because the default aggregation for this field has been set to *SUM* in the view. 

*9.* Click on に変わったことがわかります。これは、このフィールドのデフォルトの集計がビューの中で「*SUM*」に設定されたためです。 

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

{section}
{column:width=30%}
*10.* You should now be on the Report Preview page. Click on the image of a Pie Chart (pictured here) to go to the Chart Builder page to setup your chart.
 「レポートプレビュー」ページが表示されます。円グラフ(ここに示します)のイメージをクリックし、「グラフビルダー」ページに移動してグラフを設定します。
{column}
{column:width=70%}
!ChartClick.png|thumbnail,border=1!
{column}
{section}

{section}
{column:width=30%}
*11.* Click on the *Chart* Menu, select *Column* as the Chart Type and click on the picture of the *Vertical Bar* Chart to select it. 「*グラフ*」メニューをクリックして、グラフタイプとして「*カラム*」を選択し、*縦棒{*}グラフの図をクリックしてそれを選択します。

*12.* Click *Save*, this will load the options for a Column Chart. 
保存*」をクリックして、カラムグラフのオプションをロードします。 
{column}
{column:width=70%}
!5.png|thumbnail,border=1!
{column}
{section}

{section}
{column:width=30%}
*13.* In the *Chart Data* section you will need to select the data for each setting in the chart.

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

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


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


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

{section}
{column:width=30%}
*17.* You should now have a chart that looks like the one pictured. 

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

*18.* You now need to *Save* and *Activate* your chart. Click on the ここでグラフを「*保存*」し、「*有効化*」する必要があります。  !menu_close.png! *Close* button to go back to the Report Preview page. 「*閉じる*」ボタンをクリックして、「レポートプレビュー」ページに戻ります。
{column}
{column:width=70%}
!7.png|thumbnail,border=1!
{column}
{section}

{section}
{column:width=30%}
*19.* It is now time to save your report. Click on the *Report* Menu and select *Save*.ここで、レポートを保存します。「*レポート*」メニューをクリックして「*保存*」を選択します。

*20.* Type 名前として「*Column Chart Tutorial* as the Name, and 」と入力し、説明として「*This Column Chart was created using the Charts Tutorial*」と入力します。
as
the Description.

*21.* Enter カテゴリーとして「*Tutorial* as the Category and *Charts* as the Sub Category.チュートリアル*」、サブカテゴリーとして「*グラフ*」と入力します。

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


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