Page Comparison

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

h2. Overview概要
{styleclass: Class=topLink}[topページトップ|#top]
{styleclass}
Displays segmentsイメージ上に区分を表示し、区分のサイズはメトリック値を表しています。
on
an image, with the segment size representing metric value.

h3. Chart Dataグラフデータオプション
Options
||Option オプション ||Description 説明 ||
|Label|This isラベル the category label for the X axis| X軸のカテゴリーラベル。 |
|Image|This isイメージ the| image file to be used for the shape of the infographic
これは、インフォグラフィックの形状に使用されるイメージファイルです。 \\ {color:#CC0000#cc0000}{*Note:}注意：*{color} if you wish to use your own image you will need to make sure it has some transparency. Basically, any area of the image that has colour (of any shade) will be coloured in the chart, any transparent area will be left blank. You need some transparent area in order for the chart to be anything other than a large block shape.|
|Series|Typically a numeric value such as $.  An item that you want to measure on your Chart専用のイメージを使用する場合は、それにある程度の透明性があることを確認してください。基本的に、（陰影の）色の付いたイメージのエリアは、グラフ内でも色付きとなり、半透明なエリアは空白のままになります。グラフをサイズの大きいブロック形状以外のものにするには、ある程度の半透明エリアが必要です。 |
| シリーズ | 金額などが代表的な数値型の値です。グラフ上で測定するアイテムです。 |


h2. Proportional Infographic比例インフォグラフィックチュートリアル
Tutorial
{styleclass: Class=topLink}[topページトップ|#top]

{styleclass}

h3. Summaryサマリー
In order to set up a Proportional Infographic 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 *Series*
# Create your chart, selecting *Special Purpose* as the type, and *Proportional Infographic* as the chart
# Provide the *Label* and *Series* options 
# Select or Upload an image
# *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%}
*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.* On the Report Data page, drag and drop the 「レポートデータ」ページで、「 !rpt_dim.png! *Camp Name* and」と「 !rpt_dim.png! *Athlete ID* fields into the *Column Fields* area.」フィールドをカラム（列）フィールドエリアにドラッグ＆ドロップします。

*7.* Drag and drop the「 !rpt_dim.png! *Camp Country* field into the *Filters* area.」フィールドをフィルターエリアにドラッグ＆ドロップします。

*8.* Select「 the !rpt_dim.png! *Athlete ID* field and add a」フィールドを選択し、「 !countdistinct.png! *Count Distinct* aggregation to it.」集計を追加します。


*9.* Click onページ上部の「 !step_right_on.png! at the top of the page.	 
」をクリックします。
{column}
{column:width=70%}
!reportData.png|thumbnail,border=1!
{column}
{section}

{section}
{column:width=30%}
*10.* On the *Filters* page, set フィルター{*}ページで、「*Camp Country* to be *Equal to*.」を「*等しい（=）*」に設定します。

*11.* Click「 on the !rpt_filterprompt.gif! link to set」リンクをクリックして値を設定します。
the
value.

*12.* Select 「*Japan*.」を選択します。この場合、結果が選択したイメージに関連するように、Japanのキャンプ場を確認することにのみ着目します。
In
this case, we are only interested in seeing camps from Japan so that the results relate to our choice of image.

*13.* Click 「*Submit* to save your changes.

送信・実行*」をクリックして、変更内容を保存します。

!submit.png!

*14.* Click onページ上部の「 !step_right_on.png! at the top of the page.	 
」をクリックします。
{column}
{column:width=70%}
!filterChart.png!
{column}
{section}

{section}
{column:width=30%}
*15.* On the Report Preview page click on the Pie Chart image as before.

「レポートプレビュー」ページで、前と同様に「円グラフ」のイメージをクリックします。

*16.* Click on the *Chart* Menu and select *Special Purpose* as the Chart Type and *Proportional Infographic* as the subtype (click on the picture on the left).「*グラフ*」メニューをクリックして、グラフのタイプとして「*特殊用途*」、サブタイプとして「*比例インフォグラフィック*」（左側の図をクリック）を選択します。

*17.* Click 「*Save* to load the options for a *Proportional Infographic Chart*.	 保存*」をクリックして、*比例インフォグラフィックグラフ{*}のオプションをロードします。

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

{section}
{column:width=30%}
*18.* Set the Chart Data settings.「グラフデータ」の設定値を設定します。

*19.* Select ラベルとして「*Camp Name* for the Label.」を選択します。

*20.* Select シリーズとして「*Count Athlete ID* as the Series.」を選択します。
{column}
{column:width=70%}
!setData.png!
{column}
{section}

{section}
{column:width=30%}
*21.* Click on the *Image Manager* link to select your image file.

「*イメージ管理*」リンクをクリックして、イメージファイルを選択します。

*22.* Select the 「*Kyoto Skyline* image.」イメージを選択します。
{color:#CC0000#cc0000}{*Note:}注意：*{color} this image is already in the system, installed with the sample Ski Team content. If you wish to use your own image you will need to make sure it has some transparency. Basically, any area of the image that has colour (of any shade) will be coloured in the chart, any transparent area will be left blank. You need some transparent area in order for the chart to be anything other than a large block shape.

このイメージはすでにシステム内に存在し、Ski Teamのサンプルコンテンツとともにインストールされています。専用のイメージを使用する場合は、それにある程度の透明性があることを確認してください。基本的に、（陰影の）色の付いたイメージのエリアは、グラフ内でも色付きとなり、半透明なエリアは空白のままになります。グラフをサイズの大きいブロック形状以外のものにするには、ある程度の半透明エリアが必要です。

*23.* Click *Refresh* to generate your chart.	

「更新」をクリックして、グラフを生成します。

!refresh.png!

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

{section}
{column:width=30%}
*24.* Resize your chart so that it looks correct. You should now have a chart that looks like the one pictured here.	 正しく表示されるようにグラフのサイズを調整します。これで図に示すようなグラフが作成されました。
{column}
{column:width=70%}
!sizeChart.png!
{column}
{section}

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

*26.* Click on the *Save* Menu and use 「*保存*」メニューをクリックして、「*Proportional Infographic Chart Tutorial* as the Name.」という名前を付けます。

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

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

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

*29.* Click 「*Activate有効化*.	」をクリックします。

!activate.png!

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

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

{styleclass}