Page Comparison

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

h2. Overview概要
{styleclass: Class=topLink}[topページトップ|#top]{styleclass}
Maps時系列で変化するデータセットにイベントの発生を位置づけます。
the
occurance of events against the values of a numeric data set over time.

h3. Chart Data Options
||Option||Description||
|Label|Time value|
|Value|Metric shown in the line (the top of the chart)|
|Event|Binary values that signify if the event was occurring on each of the time values.
h3. グラフデータオプション

|| *オプション* \\ || *説明* \\ ||
| ラベル \\ | 時間の値。 \\ |
| 値 \\ | グラフ上部の線上に表示されたメトリック（数値）。 \\ |
| イベントグラフ \\ | 各時間の値でイベントが発生していたかどうかを示すバイナリー値。 \\ |


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

h3. Summaryサマリー
In order to set up an Event 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 *Value*
## Select field(s) to use as the *Event(s)*
# Create your chart, selecting *Special Purpose* as the type, and *Event* as the chart
# Provide the *Label*, *Value*, and *Event* options and *Refresh*
# Customise the Chart as required
# *Close* the Chart Builder
# *Save* your report

h3. Tutorial
イベントグラフを設定するには、以下の手順を実行する必要があります：

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

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%}
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.

このチュートリアルを完了するため、使用するサンプルデータをインポートする必要があります。書き込み可能なデータソースが準備されていることを確認します。

*2.* You should now be on the Initialise Report page. Select the *CSV Import* as the build tool.「レポートの初期化」ページが表示されます。作成ツールとして、「*CSVからインポート*」を選択します。
{column}
{column: width=70%}
!02.png!

{column}
{section}

{section}
{column:width=30%}	 
*3.* Select your writable data source in order to store the spreadsheet data.スプレッドシートデータを保存するための書き込み可能なデータソースを選択します。

*4.* Select a view category

ビューカテゴリーを選択します。
*5.* Select the [^EventChartSampleイベントグラフ^EventChartSample.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%}
!2a.png!
{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 スプレッドシート名を「*Event 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%}
!2b.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 「*EventDate*, 」、「*SocialMediaCampaign*, 」、「*OnlineCampaign*, 」、「*PaperCampaign*, and 」、および「*WebsiteHits* fields into the *Columns* area.」の各フィールドを{*}カラム（列）*エリアにドラッグ＆ドロップします。


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

{section}
{column:width=30%}
*14.* You should now be on the Report Preview page. Click on the image of a Pie Chart (pictured here) 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%}
*15.* Click on the *Chart* Menu, select *Special Purpose* as the Chart Type and click on the picture of the *Event* Chart to select it. 

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

*16.* Click 「*Save*, this will load the options for an Event Chart.

保存*」をクリックして、イベントグラフのオプションをロードします。
!save.png!
{column}
{column:width=70%}
!selectChart.png|thumbnail,border=1!
{column}
{section}

{section}
{column:width=30%}
*17.* In the *Chart Data* section you will need to select the data for each setting in the chart.

「*グラフデータ*」セクションで、グラフの設定値ごとにデータを選択する必要があります。

*18.* Set the Label to ラベルを「*EventDate*, set the Value to 」、値を「*WebsiteHits*, and select the Events; 」に設定し、イベントとして「*SocialMediaCampaign*, 」、「*OnlineCampaign*,  and 」、および「*PaperCampaign*.」を選択します。

*19.* Click the *Refresh* link to generate your chart.

「*更新*」リンクをクリックして、グラフを生成します。
!refresh.png!
{column}
{column:width=70%}
!setData.png!
{column}
{section}

{section}
{column:width=30%}	

*20.* You should now have a chart that looks like the one pictured. 

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

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

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

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

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

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

*25.* Click 「*Activate*.	

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

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