Versions Compared

Version Old Version 8 New Version Current
Changes made by

Yellowfin Admin

Yellowfin Admin

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: Migration of unmigrated content due to installation of a new plugin

Anchor
top
top

Table of Contents
classcontents

はじめに

Yellowfinを使用して利用可能なヒートマップには2つのスタイルがあります。GISデータから作成されたものと、イメージを介して作成されたもの（ラスターマップ）です。イメージには、データのすべての地域が含まれます。これらのイメージは、イメージ内の一意の色をレポート内のデータ値に基づく新しい色で置き換えることで動作します。
ラスターマップの作成を開始するには、次のものが必要です。

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

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

 

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

適切なイメージの選択

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

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

例

Section
Column
width30%

人の手の骨のグループをマップグラフにする場合、検索するとこのようなイメージが見つかるでしょう。

Column
width70%

Image Removed

Section
Column
width30%

初めはこれが正に求めていたもの（タイプ別にグループ化された人の手のすべての骨）に見えますが、これには問題があります。

1.データによって強調表示されるイメージのエリアは、エリアごとに一意の色にする必要があります。このイメージでは、各骨に陰影が付いており、実際には一意のエリアが複数の色で構成されていることがわかります。

2.イメージのラベル（Distal Phalanges、Intermediate Phalangesなど）は、イメージの本来の用途では役立つことがありますが、マップでは不要になります。

3.第3に、イメージの端が、マップグラフでは不要な太い黒の境界線で囲まれています。

Column
width70%

Image Removed

Section
Column
width30%

このイメージをYellowfinで使用するための準備として、すべての陰影と不要な要素を取り除く必要があります。正しく処理した場合、クリーンになったイメージはこのようになります。

Column
width70%

Image Removed

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

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

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

Section
Column
width30%

作業するクリーンなイメージが用意できたら、マップの各エリアに色を割り当てる必要があります。この場合、骨のグループごとに強調表示します。

このために、各グループに一意の色を割り当て、1つのグループのすべての骨を対応する色で塗りつぶします。例を参照してください。

Column
width70%

Image Removed

Section
Column
width30%

色の割り当て時には、各色と骨グループの関係を記録しておく必要があります。この情報を含む簡単なテキストファイルまたはスプレッドシートを設定します。例：

色（Hexコード）

コード

骨グループ

#FF7777

DP

Distal Phalanges（末節骨）

#FFB377

IP

Intermediate Phalanges（中節骨）

#E0FF77

PP

Proximal Phalanges（基節骨）

#6BD089

M

Metacarpals（中手骨）

#4B97ED

C

Carpals（手根骨）

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

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

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

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

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

この例では、ビュービルダーで参照コードを設定します。

Section
Column
width30%

ビューで参照コードを作成するには、ビュービルダーのステップ2で「書式」タブを開いて適切なフィールドを編集する必要があります。

Column
width70%

Image Removed

Section
Column
width30%

「書式」ドロップダウンから「参照コード」を選択します。これにより、それをレポートに追加したときに、フィールドに参照コードが適用されます。

Column
width70%

Image Removed

Section
Column
width30%

ここで、現在使用可能な参照コードの一覧から選択するか、新しい参照コードを作成する必要があります。ここでは、「データベースから事前投入する」によって新しい参照コードを作成します。つまり、ソースデータベースから、このフィールド個別の値の一覧が作成されます。

Column
width70%

Image Removed

Section
Column
width30%

これを設定するときに、現在ソースデータベースにデータが存在しない場合でも、マップ上のエリアにコードが存在するものは、確認しておく必要があります。これにより、マップを正しく設定することができ、エリアのデータが存在したときにYellowfinによってすぐに認識することができます。

「保存」をクリックして設定を完了し、フィールドの変更内容を保存します。最後に、ビューが有効化されていることを確認すれば、いつでもYellowfinでマップイメージを設定することができます。

Column
width70%

Image Removed

Section
Column
width30%

注意：イメージの追加プロセスでコードを作成する場合は、既存の一覧からコードを選択するのではなく、単に「新規」をクリックします。下記を参照してください。

Column
width70%

Image Removed

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

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

チュートリアルのこのセクションでは、提供されているイメージとテキストファイルが必要です。世界ヒートマップ.pngと世界ヒートマップコード.txtをダウンロードしてください。

Section
Column
width30%

1.ヒートマップを作成するために使用する白地図、またはイメージを選択します。どのイメージタイプ（世界、人体、間取り図など）でも構いません。ここでは、世界地図を使用します。

Column
width70%

Image Removed

Section
Column
width30%

2.区域ごとに一意の色を設定する必要があります。右に示すように、このイメージでは地図の各国に対して一意の緑が割り当てられています。これはYellowfinではなく、画像加工ソフトで処理しています（詳細は前の項目を参照してください）。

Column
width70%

Image Removed

Section
Column
width30%

3.次に「管理」に移動し、「 Image Removed」リンクをクリックします。

Column
width70%

Image Removed

Section
Column
width30%

4.イメージの一覧が表示されます。一覧の上部の「追加」ボタンをクリックします。

Image Removed

Column
width70%

Image Removed

Section
Column
width30%

5.イメージの「名前」と「説明」を入力します。

6.「イメージタイプ」ドロップダウンから「マップイメージ」を選択します。これにより、入力オプションが追加されるように形式が更新されます。

Column
width70%

Image Removed

Section
Column
width30%

7.ファイルのアップロードオプションを使用してマップイメージを参照します。世界ヒートマッップ.pngイメージファイルを選択します。

8. 「Image Removedファイルをアップロード」をクリックします。

Column
width70%

Image Removed

Section
Column
width30%

9.「区域の参照タイプ」に「Country」を設定します。

区域の参照タイプに、地図の区域とレポートのデータをリンクするための参照コードを選択します。これはすでにYellowfinで作成されています。独自の参照コードの作成方法については、前の項目を参照してください。

Column
width70%

Image Removed

Section
Column
width30%

10.「表示」を「コード」に設定します。つまり、参照コードごとに色（HEX形式）を割り当てるためのボックスが存在します。表示は、「色」に設定することもできます。

Column
width70%

Image Removed

Section
Column
width30%

11.「表示」を「色」に設定すると、イメージ内のすべての色の一覧が表示されます（背景として設定されている色とともに、HEX形式で表示）。これにより、各色の横にあるドロップダウンから参照を選択することができます。

どのオプションを選択しても問題ありませんが、ある方法が他の方法より使いやすい場合があります。

Column
width70%

Image Removed

Section
Column
width30%

12. 世界ヒートマップコード.txtドキュメントを使用すると、各参照コードに正しい色を割り当てる際に役立ちます。

13.すべての参照コードをイメージ内の色に対応付けたら、「保存」をクリックします。

注意：イメージ内のすべての色を対応付ける必要はありません。データに使用される色のみで構いません。

Column
width70%

Image Removed

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

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

ラスタイメージが使用可能なイメージの一覧に追加されると、これらのイメージをレポートに追加することができます。このセクションでは、標準のSki Teamチュートリアルのビューを使用してそれを実行する方法を説明します。

Section
Column
width30%

1.「作成」リンクをクリックして、「レポート」を選択し、レポートの作成を開始します。

Column
width70%

Image Removed

Section
Column
width30%

2.「新規レポート作成」ページが表示されます。作成ツールとして「ドラッグ＆ドロップビルダー」を選択します。

3.ビューとして「Ski Team」を選択します。

Column
width70%

Image Removed

Section
Column
width30%

4.レポートデータページで、「Athlete Country」フィールドを「Athlete Location」カテゴリーから「カラム（列）」一覧にドラッグします。

5.「Invoiced (Pref Currency)」カラム（列）を「Athlete Payment」から「カラム（列）」一覧にドラッグします。

6.「グラフ」ステップをクリックして続行します。

Column
width70%

Image Removed

Section
Column
width30%

7.ビルダーの右側にある「グラフの選択」パネルを開き、「ラスターマップ」オプションを選択します。グラフの構成要素が、ラスターマップに必要なものに変わります。

Column
width70%

Image Removed

Section
Column
width30%

8.グラフデータエリアで「イメージ」項目をクリックし、使用するマップイメージを選択します。

9.「世界ヒートマップ」イメージを選択します。

Column
width70%

Image Removed

Section
Column
width30%

10.「Invoiced (Pref Currency)」フィールドを「色」項目にドラッグし、「Athlete Country」フィールドを「地域」項目にドラッグします。

Column
width70%

Image Removed

Section
Column
width30%

11.マップに適用されている色を変更する場合は、「シリーズの設定」メニューを開きます。

12. ここで「Invoiced (Pref Currency)」フィールドを選択し、選択されている色を変更することができます。

Column
width70%

Image Removed

Section
Column
width30%

13.色を追加し（デフォルトは 2 色）、グラデーション範囲にするのではなく、クラスに分けることができます。

注意：区域がデータに正しく対応付けられていない場合、その区域は元イメージの色で表示されます。

Column
width70%

Image Removed

Section
Column
width30%

14.「シリーズの設定」メニューの右上にある「X」ボタンをクリックして、変更内容をマップに適用します。

Column
width70%

Image Removed

Section
Column
width30%

グラフが歪んでいるように見える場合があります。これを防ぐには、イメージの元のアスペクト比を維持するようにマップを設定する必要があります。

15.「グラフの設定」メニューを開き、「アスペクト比」オプションを有効にします。

Column
width70%

Image Removed

Section
Column
width30%

これで、マップはさらに細部まで元のイメージのように見えるはずです。これでマップは完成です。保存して閉じます。

Column
width70%

Image Removed

...