Page Comparison

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

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

||Type タイプ ||Icon アイコン ||When to主な用途 Use||
| *Combinationコンビネーショングラフ* Charts*| !chart_combined.png! |Combination charts,関連する値を使った2つのグラフを同時に表示します。データ間の関係を強調し、より明確に表現できます。 in effect, superimpose one chart type above or below another. Use to improve clarity and highlight relationships between data sets.|
|*Overlay Chart*||
| *オーバーレイグラフ* | !chart_layered.png! |Use the line chart to emphasize a trend and bars to emphasize specific values. Line/Bar combinations may work better by de-emphasizing bars through the use of subtle colours.1つのグラフに別のグラフを重ねて、データの違いを際立たせます。線と棒の組み合わせは微妙な色を使って強調された棒グラフより効果的です。 |

h3. Chart Dataグラフデータオプション
Options
||Option オプション ||Description 説明 ||
|Label|This isラベル the| category label for the X axisX軸のカテゴリーラベル。 |
|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.このオプションはクロス集計のデータがある場合にだけ使用できます。このオプションでクロス集計のシリーズデータに適用する色を指定します。 |

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.* ここで、「Athlete Now expand the *Athlete Payment* category and drag and drop the Payment」カテゴリーを展開し、「 !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 *Combination Charts* as the Chart Type and click on the picture of the *Overlay* Chart to select it. 

「*グラフ*」メニューをクリックして、グラフタイプとして「*コンビネーショングラフ*」を選択し、*オーバーレイグラフ{*}の図をクリックしてそれを選択します。

*12.* Click 「*Save*, this will load the options for an Overlay 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%}
!6.png!
{column}
{section}

{section}
{column:width=30%}
*17.* You should now have a chart that looks like the one pictured. 
これで図に示すようなグラフが作成されました。
{column}
{column:width=70%}
!7.png|thumbnail,border=1!
{column}
{section}

{section}
{column:width=30%}
*18.* Click on the *Chart Format* Menu.

「*グラフの書式*」メニューをクリックします。

*19.* Click on the *Add* button link to setup a second chart.

「*追加*」ボタンリンクをクリックして、2番目のグラフを設定します。

!add.png!
{column}
{column:width=70%}
!8.png|thumbnail,border=1!
{column}
{section}

{section}
{column:width=30%}
*20.* You are going to end up with a chart that has a line component and a bar component. To set this up set Chart 2 to *Bar*.最終的に線要素と棒要素のあるグラフになります。これを設定するために、グラフ2を{*}棒{*}に設定します。

*21.* Click 「*Save保存*.」をクリックします。

!save.png!
{column}
{column:width=70%}
!9.png|thumbnail,border=1!
{column}
{section}

{section}
{column:width=30%}
*22.* Expand the 「*Sum Invoiced Amount* section and set the Chart to *Chart 1 (Line)*.」セクションを展開し、グラフを「*グラフ1（線グラフ）*」に設定します。

*23.* Set the Thickness to *2*厚さを{*}2{*}に設定します。
{column}
{column:width=70%}
!10.png!
{column}
{section}

{section}
{column:width=30%}
*24.* Expand the 「*Avg Camp Rating* section and set the Chart to *Chart 2 (Bar)*.」セクションを展開し、グラフを「*グラフ2（棒）*」に設定します。

*25.* Define colours棒の色を定義します。
for
the bars

*26.* Click 「*Refresh* to see your updated Combination Chart更新*」をクリックして、更新されたコンビネーショングラフを表示します。

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

{section}
{column:width=30%}
*27.* This is what your chart should look like. The charts share a common X Axis, and each have their own Y Axis.

*28.* You now need to *Save* and *Activate* your chart. Click on the グラフは次のように表示されます。グラフは共通のX軸を共有し、それぞれ専用のY軸があります。

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

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

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

*31.* Enter カテゴリーとして「*Tutorial* as the Category and *Charts* as the Sub Category.

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

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

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