Page Comparison

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

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

| *Areaエリアグラフ* | !chart_area.png! |You want時間の経過による値の変化の大きさを強調したい場合に適しています。時間の経過とともに値がどれくらい変化するのかを見たいときに使用してください。 to|
emphasize the magnitude of change over time. Use an area chart to show how much the value of a measure changes over time.
|*Stacked Area*|| *積み上げエリアグラフ* | !chart_area_stacked.png! |You want to emphasise the magnitude of change over time, while comparing multiple 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. Area Chartエリアグラフチュートリアル
Tutorial
{styleclass: Class=topLink}[topページトップ|#top]
{styleclass}

h3. Summaryサマリー
In order to set up an Area 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 *Area* 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チュートリアル
{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. 」に設定されたためです。

*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 *Area* as the Chart Type and click on the picture of the *Area* Chart to select it. 

*12.* Click *Save*, this will load the options for an Area Chart. 
「*グラフ*」メニューをクリックして、グラフタイプとして「*エリアグラフ*」を選択し、エリアグラフの図をクリックしてそれを選択します

*12. 「保存」をクリックして、エリアグラフのオプションをロードします。*
{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 名前として「*Area Chart Tutorial* as the Name, and 」と入力し、説明として「*This Area 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}


h2. Stacked Area Chart Tutorial
積み上げエリアグラフチュートリアル
{styleclass: Class=topLink}[topページトップ|#top]
{styleclass}

{section}
{column: width=30%}
*1.* Begin building your report, like the Area Chart tutorial above, or edit the Area Chart previously created.
上記のエリアグラフチュートリアルと同様にレポートの作成を開始するか、または以前に作成したエリアグラフを編集します。
{column}
{column: width=70%}
!9.png!

{column}
{section}

{section}
{column: width=30%}
*2.* Change your report to a *Cross Tab* display in the *Report Options* panel on the right.
右側の「*レポートオプション*」パネルでレポートを「*クロス集計*」表示に変更します。
{column}
{column: width=70%}
!10.png!

{column}
{section}

{section}
{column: width=30%}
*3.* You will be prompted to confirm that you want to change the report to a Cross Tab, click *Confirm*.レポートをクロス集計に変更するかどうか確認を求められるので、「*確認*」をクリックします。
{column}
{column: width=70%}
!11.png! 
{column}
{section}

{section}
{column: width=30%}
*4.* Make sure your report is fully populated, by using ロウ（行）として「*Demographic* as Rows, 」、カラム（列）として「*Year* as Columns, and 」、メトリックとして「*Invoiced Estimate* as the Metric.

」を使用して、レポートが完全に投入されていることを確認します。

*5.* Clickページ上部の「 on !step_right_on.png! at the top of the page to move to the next step. 

」をクリックし、次のステップに移行します。

*6.* Edit your chart by clicking on the Pie Chart image.円グラフのイメージをクリックしてグラフを編集します。
{column}
{column: width=70%}
!12.png|thumbnail,border=1!

{column}
{section}

{section}
{column:width=30%}
*7.* Click on the *Chart* Menu, select *Area* as the Chart Type and click on the picture of the *Stacked Area* Chart to select it. 

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

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

{section}
{column:width=30%}
*9.* In the *Chart Data* section you will need to select the data for each setting in the chart.「*グラフデータ*」セクションで、グラフの設定値ごとにデータを選択する必要があります。

*10.* Set the Label to ラベルを「*Year*.」に設定します。


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

*12.* Set the Colour to 色を「*Demographic*.」に設定します。

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

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

*18.* You now need to *Save* and *Activate* your chart.
これで図に示すようなグラフが作成されました。

*15.* ここでグラフを「*保存*」し、「*有効化*」する必要があります。
{column}
{column:width=70%}
!15.png|thumbnail,border=1!
{column}
{section}


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