Page Comparison

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

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

||Type||Icon||When to Use *タイプ* \\ || *アイコン* \\ || *主な用途* \\ ||
| *Line線グラフ* \\ | !chart_line.png! |You wantデータの値を線で結び、時間の経過とともに現れる傾向を表現します。時間や項目によるいろいろな数値の変化を追うのに適しています。 to\\ view|
trends| over time by plotting data at points connected by lines. Use a line chart to plot many metrics.|
|*3D Line*|*3D線グラフ* \\ | !chart_line3d.png! |Similar to線グラフと似ていますが、3次元で表示されます。 the\\ line|
chart, but in three-dimensional form.|
|*Z Chart*|| *Zグラフ* \\ | !chart_z.png! |Trends overデータの累積合計と移動合計によってある短い期間の傾向を示します。 a\\ short|
period| of time; displaying the data, accumulative total, and moving total. |
|*Stepped Line*|*階段線グラフ* \\ | !chart_step.png! |A line chart where movement is shown in steps rather than straight lines.動きが直線ではなく階段状に表現される線グラフです。 \\ |

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. Line Chart Tutorial線グラフチュートリアル
{styleclass: Class=topLink}[topページトップ|#top]{styleclass}

h3. Summaryサマリー
In order to set up a Line 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 *Line* 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以下の線グラフチュートリアルは、後述するZグラフを除き、前述した線グラフのどれでも使用できます。
Line
Chart
tutorial can be used for any of the above listed Line Charts, with the exception of the Z Chart which is discussed later.

{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 !expand.gif! next to the *Time* category to expand it. 

*7.* Drag and drop the  ここで、メトリックをレポートに追加する必要があります。「*Time*」カテゴリーの横にある「」をクリックしてそれを展開します。 

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

*12.* Click *Save*, this will load the options for a Line 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 名前として「*Line Chart Tutorial* as the Name, and 」と入力し、説明として「*This Line 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. Z Chart TutorialZグラフチュートリアル
{styleclass: Class=topLink}[topページトップ|#top]{styleclass}

h3. Summaryサマリー
In order to set up a Z Chart you will need:
# Create a report with chart display
## Select a date field to use as the *Label*
## Select a field to use as the *Metric*
# Create your chart, selecting *Z Chart* as the type
# Provide the *Label* and *Metric* options and *Refresh*
# Customise the Chart as required
# *Close* the Chart Builder
# *Save* your report


h3. Tutorial
The Z Chart is a specially designed line chart used for period comparisons.


Zグラフを設定するには、以下の手順を実行する必要があります：

# グラフ表示されるレポートを作成します。
## 「*ラベル*」として使用する日付フィールドを選択します。
## 「*メトリック*」として使用するフィールドを選択します。
# タイプとして「*Zグラフ*」を選択してグラフを作成します。
# 「*ラベル*」と「*メトリック*」オプションを入力して、「*更新*」をクリックします。
# 必要に応じてグラフをカスタマイズします。
# 「*閉じる*」をクリックしてグラフビルダーを閉じます。
# レポートを「*保存*」します。


h3. チュートリアル

Zグラフは、期間を比較するために使用される特別に設計された線グラフです。


{section}
{column:width=30%}
*1.* Start creating a chart as you did with the other charts by clicking on the 他のグラフと同様に、「{color:#357CB6#357cb6}Create作成{color}」リンクをクリックしてグラフの作成を開始します。
link.

*2.* On the Report Data page, drag and drop the  「レポートデータ」ページで、「  !rpt_dim.png! *Month* dimension, and」ディメンションと「  !rpt_metric.png!  *Profit Margin* metric into the *Column Fields* area.

」メトリックを{*}カラム（列）*フィールドエリアにドラッグ＆ドロップします。

*3.* Change the aggregation on 「*Profit Margin* to average by selecting the field and clicking on the   」の集計を平均に変更するため、同フィールドを選択して、
「  !avg.png! 」アイコンをクリックします。
icon.

*4.* Make sure that you select the *Chart Only* option as you have for the other charts.

*5.* Click on  他のグラフの場合と同様に、「*グラフのみ*」オプションが選択されていることを確認します。

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

{section}
{column:width=30%}	

*6.* On the Report Preview page click 「レポートプレビュー」ページで「{color:#357CB6#357cb6}Columnsカラム（列）{color}」リンクをクリックします。
link.
{column}
{column:width=70%}
!69.png!
{column}
{section}

{section}
{column:width=30%}	 
*7.* Select カラム（列）として「*Month* as」を選択します。
the
Column.

*8.* Click on the *Display* Menu.

「*表示*」メニューをクリックします。

*9.* Set the *Format* to *Date*.書式{*}を「*日付*」に設定します。

*10.* Select *Other* as the *Date Format*日付書式{*}として「*その他*」を選択します。

*11.* Type 「*書式*」ボックスに「*MMMM, yy* in」と入力します。
the
*Format* box.

*12.* These options will mean that instead of just displaying the Month names, Yellowfin will display the month name and then the year, eg: March, 09.	
これらのオプションによって、単に月の名前が表示されるのではなく、月の名前と年が、たとえば、「March, 09」のように表示されます。
{column}
{column:width=70%}
!70.png|thumbnail,border=1!
{column}
{section}

{section}
{column:width=30%}

*13.* On「レポートプレビュー」ページで、前と同様に「円グラフ」のイメージをクリックします。
the Report Preview
page click on the Pie Chart image as before.

*14.* Click on the *Chart* Menu and select *Line* as the Chart Type and *Z Chart* as the subtype.「*グラフ*」メニューをクリックして、グラフタイプとして「*線グラフ*」、サブタイプとして「*Z{*}{*}グラフ*」を選択します。

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

{section}
{column:width=30%}
*16.* Set the *Label* to be ラベル{*}を「*Month*.」に設定します。

*17.* Set the *Series* to be シリーズ{*}を「*Avg Profit Margin*.」に設定します。

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

{section}
{column:width=30%}
*19.* Your chart should now look like this one.	 
 グラフは次のように表示されます。
{column}
{column:width=70%}
!73.png|thumbnail,border=1!
{column}
{section}

{section}
{column:width=30%}
*20.* You are now going to customise the look of your Z Chart. Click on the Zグラフの表示をカスタマイズします。「{color:#357CB6#357cb6}Chart Formatグラフの書式{color}」メニューをクリックします。
Menu.

*21.* You are going to extend the chart so it shows 24 months worth of data at a time. When you do this, remember that Yellowfin needs *double* the amount of data in order to calculate the *Moving Total*. In this case it would need 48 months worth of data.

一度に24か月分のデータを表示するようにグラフを拡張します。これを実行する場合は、*移動合計{*}を計算するために{*}2{*}{*}倍{*}のデータ量が必要となる点に留意してください。この場合は、48か月分のデータが必要となります。

*22.* Click 「*Save保存* to see how these options have changed your chart.	
」をクリックして、これらのオプションによってグラフがどのように変更されたか確認します。
{column}
{column:width=70%}
!74.png|thumbnail,border=1!
{column}
{section}

{section}
{column:width=30%}
*23.* Click on the arrow icon next to the *Periodic Value* to expand the options. 

「*期間値*」の横の矢印アイコンをクリックして、オプションを展開します。

*24.* Set *Line Shapes* to 線の形状{*}を「*Yes*.」に設定します。

*25.* Set the *Line Thickness* to *2*.線の幅{*}を{*}2{*}に設定します。

*26.* Repeat these steps for *Cumulative Total* and *Moving Total*.「*累積合計*」と「*移動合計*」についてこれらのステップを繰り返します。

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

{section}
{column:width=30%}	

*28.* Yourグラフはここに示すように表示されます。
chart
should now look like the one pictured here.

*29.* You are now finished with this chart so *Save* and *Activate* it.このグラフの作成は終了しました。「*保存*」して、それを「*有効化*」します。
{column}
{column:width=70%}
!76.png|thumbnail,border=1!
{column}
{section}

{section}
{column:width=30%}	

*30.* Click on the *Close* button to go back to the Report Preview page.「*閉じる*」ボタンをクリックして、「レポートプレビュー」ページに戻ります。


!menu_close.png!

*31.* Click on the *Save* Menu and use 「*保存*」メニューをクリックして、「*Z Chart Tutorial* as the Name.

」という名前を付けます。

*32.* Type 説明として「*This Z Chart was created using the Charts Tutorial* as the Description.」と入力します。

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

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

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

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