Page Comparison

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

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

Theseこれらは一般に財務部門で使用され、売買データセットの傾向と動きを示すよう、特別に設計されています。
are
commonly
used| in the financial sector, specifically designed to show trends and movements in trading datasets.

|*Financial Line*|*フィナンシャル・線グラフ* \\ | !chart_fin_line.png! |Use this出来高を示すサブグラフとともに売買代金を表示します。 chart\\ to|
display| a trading value with a subchart displaying volume.|
|*High Low*|*ハイロウグラフ* \\ | !chart_fin_highlow.png! |Displays the一日の高値、低値、初値、終値を表示し、初値、終値に対応してチェックを付けます。 daily\\ high,|
low, opening, and closing values with tick positions corresponding to opening and closing values.|
|*Candlestick*|| *ロウソクグラフ* \\ | !chart_fin_box.png! |Shows the一日の高値、低値、初値、終値を値動き（プラスまたはマイナス）に関連付け色付けします。 daily high, low, opening, and closing values with different colour bars depending on the daily direction (positive or negative).\\ |

h3. Chart Dataグラフデータオプション
Options
||Option オプション ||Description 説明 ||
|Label|This isラベル the label for the X axis, time series data.|
|Start|Share value at the beginning of the time period (commonly: day)|
|End|Share value at the end of the time period (commonly: day)|
|High|The highest value the share reached in the time period|
|Low|The lowest value the share reached in the time period|
|Volume|Number of shares traded in the time period|
|Trend|A metric the user created to display a trend line on the chart| X軸、時間系列データのラベル。 |
| 開始 | 期間（通常：日）の開始時点の株価。 |
| 終了 | 期間（通常：日）の終了時点の株価。 |
| 高 | 期間内に到達した最高株価。 |
| 低 | 期間内に到達した最低株価。 |
| 量 | 期間内に取引された株数。 |
| 傾向 | グラフにトレンドラインを表示するためにユーザーが作成したメトリック（数値）。 |


h2. Chartグラフの作成
Creation
{styleclass: Class=topLink}[topページトップ|#top]{styleclass}

{section}
{column:width=30%}
*1.* Click on the 「{color:#357CB6#357cb6}Create作成{color} link to begin creating your chart. 	 
」リンクをクリックして、グラフの作成を開始します。
{column}
{column:width=70%}
!1.png!
{column}
{section}

{section}
{column:width=30%}
In orderこのチュートリアルを完了するため、使用するサンプルデータをインポートする必要があります。書き込み可能なデータソースが準備されていることを確認します。
to
complete
this
tutorial you will need to import some sample data to use. Make sure you have a writable data source prepared.
bq. See 詳細については、[CSVレポートのインポート] for more information.
を参照してください。
*2.* You should now be on the Initialise Report page. Select the *Spreadsheet/CSV Import* option. 
	 
「レポートの初期化」ページが表示されます。「*スプレッドシート{*}*/CSV{*}{*}からインポート*」オプションを選択します。

*3.* Select your writable data source in order to store the spreadsheet data.

スプレッドシートデータを保存するための書き込み可能なデータソースを選択します。

*4.* Select a view category

ビューカテゴリーを選択します。
*5.* Select the [Financial Charts^FinancialChartSampleフィナンシャルグラフ^FinancialChartSample.csv] file.ファイルを選択します。

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

{section}
{column:width=30%}	

*7.* You should now see the spreadsheet preview (as pictured here). Select *Report* as the category for each of the columns.

スプレッドシートのプレビューが表示されます（ここに図で示します）。カラムごとにカテゴリーとして「*レポート*」を選択します。

*8.* Set the spreadsheet name to be スプレッドシート名を「*Financial Chart Sample* and the description to 」に設定し、説明に「*Tutorial Data*.
」と入力します。
*9.* Click on ページ上部の「  !step_right_on.png! at the top of the page to move to the next step.
 」をクリックし、次のステップに移行します。
{column}
{column:width=70%}
!import.png|thumbnail,border=1!
{column}
{section}

{section}
{column:width=30%}	 
*10.* 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%} 
*11.* Now you need to add metrics to your report. Click on the* ここで、メトリックをレポートに追加する必要があります。「*Report*」カテゴリーの横にある「  !expand.gif! next to the *Report* category to expand it. 」をクリックしてそれを展開します。

*12.* Drag and drop 「*Day*, 」、「*Volume*, 」、「*Open*, 」、「*Close*, 」、「*Close* (yes, twice), 」（2回）、「*High*, 」、「*Low* fields into the *Columns* area.」フィールドを{*}カラム（列）*エリアにドラッグ＆ドロップします。

*13.* Add the 「*Day* field to the *Filters* area.

」フィールドを{*}フィルター{*}エリアに追加します。
*14.* You are now going to apply an advanced function to the second 次に、2番目の「*Close* metric. Select the metric and click on the 」メトリックに高度な関数を適用します。メトリックを選択し、「  !advfn.png! icon. 」アイコンをクリックします。
{column}
{column:width=70%}
!79.png|thumbnail,border=1!
{column}
{section}

{section}
{column:width=30%}	 
*15.* You will now be presented with the advanced metrics window. Select *Statistical* from the function type dropdown. 「advanced metrics」ウインドウが表示されます。関数タイプのドロップダウンから「*統計関数*」を選択します。

*16.* Choose *Polonomial Regression* from the list. This will be used to produce the closing value trend line on the financial chart.

一覧から「*多項式回帰*」を選択します。これを使用して、フィナンシャルグラフで終値のトレンドラインを生成します。

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

!save.png!

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

{section}
{column:width=30%}	

*19.* Set the  「*Day* filter to *Between*. This will allow the user to narrow the results to a desired range.

*20.* Click on」フィルターを「*の間（～）*」に設定します。これにより、ユーザーは結果を必要な範囲に絞り込むことができます。

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

{section}
{column:width=30%}	 
*21.* You should now be on the Report Preview page. Set the filter to return results between  「レポートプレビュー」ページが表示されます。*01/01/2010* and *{*}と{*}31/01/2010{*.}の間の結果を返すようにフィルターを設定します。 


*22.* Click on  「  !applyfilter.gif! to run the report. 」をクリックして、レポートを実行します。
{column}
{column:width=70%}
!82.png!
{column}
{section}

{section}
{column:width=30%}	 
*23.* You should now see the Pie Chart image (pictured here). Click on the image to go to the Chart Format page where you can setup your chart.	 
 円グラフのイメージが表示されます（ここに図で示します）。イメージをクリックして、グラフを設定できる「グラフの書式」ページに移動します。
{column}
{column:width=70%}
!ChartClick.png|thumbnail,border=1!
{column}
{section}

{section}
{column:width=30%}
*24.* Click on the *Chart* Menu, select *Financial* as the Chart Type and click on the picture of the *Candlestick* Chart to select it. 「*グラフ*」メニューをクリックして、グラフタイプとして「*フィナンシャルグラフ*」を選択し、*ロウソク{*}グラフの図をクリックしてそれを選択します。

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

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

*27.* Set the Label to ラベルを「*Day*, set Start to 」、開始を「*Open*, End to 」、終了を「*Close*, High to 」、高を「*High*, Low to 」、低を「*Low*, Volume to 」、量を「*Volume*, and Trend to *Polynomial Regression of Close*.」、さらに傾向を「*Close{*}{*}の多項式回帰*」に設定します。

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

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

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

*30.* You now need to *Save* and *Activate* your chart. Click on the *Close* button to go back to the Report Preview page.

ここでグラフを「*保存*」し、「*有効化*」する必要があります。「*閉じる*」ボタンをクリックして、「レポートプレビュー」ページに戻ります。
!menu_close.png!

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

{section}
{column:width=30%}
*31.* Click on the *Save* Menu and use 「*保存*」メニューをクリックして、「*Financial Chart Tutorial* as the Name.」という名前を付けます。

*32.* Type 説明として「*This Candlestick 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*.	 
有効化*」をクリックします。
!activate.png!
{column}
{column:width=70%}
!86.png|thumbnail,border=1!
{column}
{section}

{section}
{column:width=100%}
The steps you just followed can be applied to the other financial chart types by simply changing the selection made in Step 24. 
Below are examples of the *Financial Line* and the *High Low* charts.上記のステップは、ステップ24の選択を変更するだけで、他のフィナンシャルグラフタイプにも適用できます。
以下に、*フィナンシャル・線{*}グラフと{*}ハイロウ{*}グラフの例を示します。


!19.png|thumbnail,border=1!
{column}
{section}
\\
\\
{horizontalrule}
{styleclass: Class=topLink}[topページトップ|#top]{styleclass}