Page Comparison

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

h2. Gettingはじめに
Started
{styleclass: Class=topLink}[topページトップ|#top]
{styleclass}
The GIS Bubble Map is an advanced form of Bubble Chart, which uses GIS Points to specify bubble positions, making them correspond to GIS and WMS layers that can be used to add detail to the map.

h2. GIS Bubble Map TutorialGISバブルマップはバブルグラフの高度な形式で、GISポイントを使用してバブル位置を指定し、詳細をマップに追加するために使用できるGISレイヤーとWMSレイヤーにそれらを対応させます。

h2. GISバブルマップチュートリアル
{styleclass: Class=topLink}[topページトップ|#top]
{styleclass}
{section}
{column: width=30%}
*1.* Click on the *Create* link and select *Report* to begin building your report.「*作成*」リンクをクリックして、*「レポート*」を選択しレポートの作成を開始します。
{column}
{column: width=70%}
!01z.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%}
!02z.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.* From the *Athlete category, drag in 「*Athlete*」カテゴリーから「*Athlete ID, *」、「*First Name, *」、「*Last Name,* and 」、および「*Demographic*」をドラッグします。

*6.* From the Athlete Location category, drag in the 「Athlete Location」カテゴリーから「*Athlete Geo Point*」をドラッグします。

*7.* Now drag in your metrics, in this example メトリック(数値)をドラッグします。この例では、「*Invoice (Pref Currency)* is used three times, as a *SUM, MAX, and AVERAGE.**」が{*}合計*、*最大*、*平均{*}として3回使用されています。

*8.* Ensure the display is set to *Chart Only.*表示が「*グラフのみ*」に設定されていることを確認します。

*9.* Click the「 !step_right_on.png! Next image to continue.	次へ」をクリックして続行します。
{column}
{column:width=70%}
!55.png|thumbnail,border=1!
{column}
{section}

{section}
{column:width=30%}
*10.* On the output page click on the Chart Icon to edit the chart and set up your Chart.レポートプレビューページで、グラフアイコンをクリックしてグラフを編集し、設定します。
{column}
{column:width=70%}
!12.png|thumbnail,border=1!
{column}
{section}

{section}
{column:width=30%}
*11.* From the Chart Menu select *Map*. Next, select the *GIS Bubble Map* type.  Click *Save* to complete your selection.

「グラフ」メニューから「*マップ*」を選択します。次に、「*GISバブルマップ*」タイプを選択します。「保存」をクリックして選択を完了します。

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

{section}
{column:width=30%}
*12.* You will now see the Chart Data section updated with fields relevant to GIS Maps.

「グラフの書式」オプションで、「シリーズ選択を表示」を選択し、「Hoverナビゲーション」をオンにして、色を青に設定します。

*13.* Select:次のように選択します：

GIS Field:GISフィールド： *Athlete Geo Point*
Metric:メトリック(数値)： *Sum Invoice (Pref Currency)*
Colour:色： *Demographic*
Label:ラベル： *Athlete ID, First Name, Last Name*

*14.* Click 「*Refresh* to display your chart. 更新*」をクリックして、グラフを表示します。

!refresh.png!
{column}
{column:width=70%}
!57.png!
{column}
{section}

{section}
{column:width=30%}
*15.* In the Chart Format options, select *Visible Series Selection* and turn on the *Hover Navigation*, setting the colour to *Blue*.「グラフの書式」オプションで、「*シリーズ選択を表示*」を選択し、「*Hoverナビゲーション*」をオンにして、*色{*}を{*}青{*}に設定します。

*16.* Click *Save* to update your chart.「保存」をクリックして、グラフを更新します。

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

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


h2. Adding a WMS Layer
WMSレイヤーの追加
{styleclass: Class=topLink}[topページトップ|#top]
{styleclass}
{section}
{column:width=30%}
*1.* Now add a WMS layer to the map that will be used as a background.

背景として使用されるマップにWMSレイヤーを追加します。

*2.* Click on the「 !rpt_add.gif! {color:#357CB6#357cb6}Add Layerレイヤーの追加{color}」リンクをクリックします。
link

*3.* Select the 「WMSレイヤー」タブを選択し、「*WMS Layer* tab and click on the *WMS - Coastlines, Land, and Ocean layer*.-- *海岸*、*陸地、海レイヤー*」をクリックします。

*4.* Add the *GIS以前のマップと同様に、「GIS World Background layer* as well, as you did for the previous map.
Backgroundレイヤー」を追加します。
{column}
{column:width=70%}
!60.png|thumbnail,border=1!
{column}
{section}

{section}
{column:width=30%}
*5.* Your chart should now look like this one. While this does have the additional information required, it doesn't look very good.グラフは次のように表示されます。これには必要な情報が追加されましたが、見た目が良くありません。

*6.* The WMS layer needs to be above the background, and the white needs to be changed to transparent.	 
WMSレイヤーを背景の上位にし、白を半透明に変更する必要があります。
{column}
{column:width=70%}
!61.png|thumbnail,border=1!
{column}
{section}

{section}
{column:width=30%}
*7.* Drag the WMS layer by clicking on the right hand side of the heading bar in the series settings and drag it to above the background layer.	
シリーズ設定内のヘッダーバーの右側をクリックしてWMSレイヤーをドラッグし、背景レイヤーの上位に配置します。
{column}
{column:width=70%}
!62.png!
{column}
{section}

{section}
{column:width=30%}
*8.* Change the Transparent colour to *White (#FFFFFF)*.透過色を白（#FFFFFF）に変更します。

*9.* Set the Zoom Levels to *3* to *0*. This will mean that this layer will only be displayed once you have zoomed in twice.

ズームレベルを{*}3{*}から{*}0{*}に設定します。これにより、このレイヤーは2回ズームインしたときにだけ表示されます。

*10.* Click *Refresh* to view your updated chart.「更新」をクリックして、更新したグラフを表示します。

!refresh.png!
{column}
{column:width=70%}
!63.png!
{column}
{section}

{section}
{column:width=30%}
*11.* You should now have a chart that looks like this

*12.* You are able to zoom in and out using the navigation and select different series to display as bubble size.これで図に示すようなグラフが作成されました。

*12.*ナビゲーションを使用してズームインおよびズームアウトしたり、バブルサイズとして表示するため異なるシリーズを選択したりできます。

*13.* Save and Close your chart.グラフを保存して閉じます。
{column}
{column:width=70%}
!64.png|thumbnail,border=1!
{column}
{section}
\\
\\
{horizontalrule}
{styleclass: Class=topLink}[topページトップ|#top]
{styleclass}