Page History

...

はじめに

...

top

There are two styles of heat maps available using Yellowfin. Those created from GIS data or those created via an image (Raster Map). The image will contain all the regions for your data. These images work by substituting a unique colour in your image with a new colour based on the value of data in your report.
To begin making Raster Maps you will need to have:

• An image with each ‘Zone’ defined by a unique colour (JPG or PNG)
• Reference Code data that allows you to match each map zone to reference data. (In the tutorial we have Country as a Ref Code – so that we can map each zone to a country code which will then be used for our data).

Note: the examples contained in this Getting Started section do not use the Ski Team data or supplied image. The examples for you to follow along with begin in the Setting up a Map via Administration Options section.

Selecting the Right Image

When setting up a Raster Map, selecting the right image means more than just finding an image that depicts the data in your data set. In the initial search there are some criteria your image should attempt to meet:

1. The image should contain all areas you wish to assign data to. For example, if you wanted to map revenue by states of Australia, you would need a full map of Australia. A World map would not be suitable here, nor would a map of half of Australia.
2. The image should only contain elements you wish to be displayed in the final map. This means that if you found a map of Australia, the image should not contain a background of surrounding water and land masses unless you wish these areas to be displayed in the final map.
   Note: any area that does not have data assigned to it will display as found in the original image.
3. The image should be of a high enough resolution so that you can resize the final map without losing clarity. This means that the image needs to be the size you wish to display your final map, or larger, so that edges and backgrounds do not appear blurred when resized.

...

• それぞれの「区域」が異なる色で定義されたイメージ（JPGまたはPNG）
• 参照しているデータと各マップの区域を一致させることができる参照コード（チュートリアルでは、参照コードとして国を使用します。これらのデータを使用するために、国コードに各区域をマッピングします。）

注意：この「はじめに」セクションに含まれる例では、Ski Teamデータや提供済みのイメージは使用しません。管理オプションを介してマップの設定のセクションから、例の手順に従ってください。

{html}<iframe width="700" height="394" src="https://www.youtube.com/embed/6oJesNPiANg?color=white" frameborder="0" allowfullscreen></iframe>{html}

適切なイメージの選択

ラスターマップを設定する場合、適切なイメージの選択とは、データセット内のデータを示すイメージを見つけることだけを意味しているわけではありません。初期検索で、イメージが満たしているべきいくつかの条件があります。

1. イメージにデータを割り当てるすべてのエリアが含まれている必要があります。たとえば、オーストラリアの州別に収益をマッピングするには、オーストラリア全体の地図が必要です。この場合、世界地図も、オーストラリアの半分だけが載っている地図も適していません。
2. イメージには、最終的にマップグラフに表示する要素だけが含まれている必要があります。つまり、オーストラリアの地図を見つけた場合、そのイメージには、背景として周囲の海域や大陸が含まれている必要はありません（それらのエリアを最終的にマップグラフに表示する場合を除きます）。
   注意：データを割り当てていないエリアは元のイメージのとおりに表示されます。
3. 鮮明さを失うことなく最終的にマップグラフをサイズ調整できるように、イメージは十分に高画質である必要があります。つまり、サイズ調整時に端と背景が不鮮明にならないように、イメージを最終的なマップグラフの表示サイズまたはそれより大きいサイズにする必要があります。

例

When you have a clean image you are ready to start assigning colours to the data areas.

Note: the cleaning process will require the use of image editing software.

...

クリーンなイメージが用意できたら、いつでもデータをエリアの色へ割り当てることができます。

注意：クリーンなイメージを作成するには、イメージ編集ソフトウェアを使用する必要があります。

イメージへの色の割り当て

Note: colouring the image will require the use of image editing software.

Creating your Corresponding Org Ref Code

The last preparation step before creating your Map in Yellowfin is setting up an Org Reference Code. In this example you need to create a reference code based on the Bone Group data.

You will need to either;

• Edit the view you wish to base your map on and edit the appropriate field, opening the Format tab. OR
• Create a new reference code in the Add Image process and ensure you apply the code to the corresponding field in the report builder.

注意：イメージの色付けには、イメージ編集ソフトウェアを使用する必要があります。

対応する参照コードの作成

Yellowfinでマップを作成する前の最後の準備ステップは、参照コードの設定です。この例では、骨グループのデータに基づいて参照コードを作成する必要があります。

次のいずれかを実行する必要があります。

• マップの基になるビューを編集し、「書式」タブを開いて適切なフィールドを編集します。または
• イメージの追加プロセスで新しい参照コードを作成し、レポートビルダーでコードを対応するフィールドに適用します。

この例では、ビュービルダーで参照コードを設定します。In this example we will set up the Reference Code in the View Builder.

See Organisation Reference Codes for more information.

詳細については、参照コードを参照してください。

管理オプションを介したマップの設定

...

Styleclass
Class topLink

...

top

ページトップ

チュートリアルのこのセクションでは、提供されているイメージとテキストファイルが必要です。For this section of the tutorial you will need an image and text file we have provided. Please download WorldHeatMap.png and とWorldHeatMapCodes.txt .をダウンロードしてください。

Section
Column width 30% 1. Select a blank map or image that you want to use to create your heat map. This could be any image type (World, Human Body, Floor Plan etc). In this case we used a world map.ヒートマップを作成するために使用する白地図またはイメージを選択します。どのイメージタイプ（世界、人体、間取り図など）でも構いません。ここでは、世界地図を使用します。 Column width 70%

Section
Column width 30% 2. For each ‘Zone’ you will need to set a unique colour. As seen on the right this image has a unique Green for every country on the map. This was done in an image editor – not using Yellowfin. (See previous section for more detail)「区域」ごとに一意の色を設定する必要があります。右に示すように、このイメージでは地図の各国に対して一意の緑が割り当てられています。これはYellowfinではなく、画像加工ソフトで処理されました（詳細は前のセクションを参照）。 Column width 70%

Section
Column width 30% 3. Next go to Administration and click on the Image Removed Images and Maps link. 次に「管理」に移動し、「 Image Addedイメージとマップ」リンクをクリックします。 Column width 70%

Section
Column width 30% 4. You will now see a list of images. Click on Add at the bottom of the list.イメージの一覧が表示されます。一覧の下部の「追加」をクリックします。 Column width 70%

Section
Column width 30% 5. Provide a Name and Description for your image.イメージの「名前」と「説明」を指定します。 6.「イメージタイプ」ドロップダウンから「マップイメージ」を選択します。これにより、入力オプションが追加されるように形式が更新されます。6. Next select Map Image from the Image Type drop down. This will update the form to have additional input options. Column width 70%

Section
Column width 30% 7. Browse for your map image using the upload file options. Select the ファイルのアップロードオプションを使用してマップイメージを参照します。WorldHeatMap.png image file.イメージファイルを選択します。 8. Click Image Removed Upload File. 「Image Addedファイルをアップロード」をクリックします。 Column width 70%

Section

Column width 30% 9. Set the Zone Reference Type to Country. The 「区域参照タイプ」を「国」に設定します。 区域参照タイプに、地図の区域とレポートのデータをリンクするための参照コードを選択します。これはすでにYellowfinで作成されています。独自の参照コードの作成方法については、前のセクションを参照してください。 Zone Reference Type is the reference code that will link data from your report to the map zone. This has already been created for you in Yellowfin. To see how to create your own reference code please see the previous section. Column width 70%

Section
Column width 30% 10. You will notice that the Display is set to Code. This means that for each Reference Code, there is a box for assigning a colour (in HEX format). You can also set the display to Colour. 「表示」を「コード」に設定します。つまり、参照コードごとに色（HEX形式）を割り当てるためのボックスが存在します。また、「表示」を「色」に設定することができます。 Column width 70%

Section

Column width 30% 11. When Display is set to Colour you will see a list of all the colours in the image (in HEX, with the colour set as the background). This allows you to select a Reference from the drop down next to each colour.「表示」を「色」に設定すると、イメージ内のすべての色の一覧が表示されます（背景として設定されている色とともに、HEX形式で）。これにより、各色の横にあるドロップダウンから参照を選択することができます。 どのオプションを選択しても問題ありませんが、ある方法が他の方法より使いやすい場合があります。It doesn’t matter which option you choose, sometimes it is easier to use one method over the other. Column width 70%

Section

Column width 30% 12. Use the WorldHeatMapCodes.txt document to help you assign the correct colours to each reference code. 13. Once you have matched all reference codes to a colour in the image click Save. ドキュメントを使用すると、各参照コードに正しい色を割り当てる際に役立ちます。 13.すべての参照コードをイメージ内の色に対応付けたら、「保存」をクリックします。 注意：イメージ内のすべての色を対応付ける必要はありません。データに使用される色のみで構いません。Note: you do not have to match every colour in the image – only those used for data. Column width 70%

See Images & Maps for more information.

...

詳細については、イメージとマップ を参照してください。

レポートへのヒートマップの追加

...

top

...