Page Comparison

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

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

||Type タイプ ||Icon アイコン ||When to主な用途 Use||
| *Pie円グラフ* | !chart_pie.png! |You want to show the relationship of parts to the whole. Use a pie chart to highlight proportions rather than actual values. If it is important to show actual values in the chart, avoid using the pie chart type.|
|*3D Pie*|全体に対する部分の関係を見るのに適しています。実際の値よりむしろ割合を示します。実際の値を図によって示したい場合には使うべきではないでしょう。 |
| *3D円グラフ* | !chart_pie3d.png! |Similar to円グラフと似ていますが、3次元で表示されます。 the pie chart, but in three a dimensional form.|
|*Multi Pie*||
| *マルチ円グラフ* | !chart_pie_multi.png! |Used to highlight individual component sizes in a system of multiple components.|
|*Ring*|全体構成の中で個々のサブ構成の状態を強調するときに使用します。 |
| *リンググラフ* | !chart_pie_donut.png! |Similar to the pie chart, but in a circular ring form.円グラフと似ていますが、リング型で表示されます。 |

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| X軸のカテゴリーラベル。 |
| シリーズ | 金額などが代表的な数値型の値です。グラフ上で測定するアイテムです。 |

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

{styleclass}

h3. Summaryサマリー
In order to set up a Pie 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 *Series*
# Create your chart, selecting *Pie* as the type
# Provide the *Label* and *Series* options and *Refresh*
# Customise the Chart as required
# *Close* the Chart Builder
# *Save* your report


h3. Tutorial
The following Pie Chart tutorial can be used for any of the above listed Pie Charts, with the exception of the Multi Pie, 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 」の下にドラッグ＆ドロップします。アイコンが \!rpt_metric_sum.png!, this is because the default aggregation for this field has been set to *SUM* in the view. \!に変わったことがわかります。これは、このフィールドのデフォルトの集計がビューの中で「*SUM*」に設定されたためです。

*9.* Clickページ上部の「 on !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 *Pie* as the Chart Type and click on the picture of the *Pie* Chart to select it. 

「*グラフ*」メニューをクリックして、グラフタイプとして「*円グラフ*」を選択し、*円グラフ{*}の図をクリックしてそれを選択します。

*12.* Click 「*Save*, this will load the options for a Pie 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 名前として「*Pie Chart Tutorial* as the Name, and 」と入力し、説明として「*This Pie 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}