| Wiki Markup |
|---|
{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*説明* \\ ||
|Image|This isラベル the\\ image| fileX軸のカテゴリーラベル。 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*. In this case, we are only interested in seeing camps from Japan so that the results relate to our choice of image.」を選択します。この場合、結果が選択したイメージに関連するように、Japanのキャンプを確認することにのみ着目します。
*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} |
Page Comparison
General
Content
Integrations