Versions Compared

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

...

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

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

...

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

...

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

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

...

Section


Column
width30%

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


色(Hexコード)

コード

骨グループ

#FF7777

DP

Distal Phalanges(末節骨)

#FFB377

IP

Intermediate Phalanges(中節骨)

#E0FF77

PP

Proximal Phalanges(基節骨)

#6BD089

M

Metacarpals(中手骨)

#4B97ED

C

Carpals(手根骨)


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

...

Section


Column
width30%

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

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


Column
width70%



Section


Column
width30%

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


Column
width70%


...

Section


Column
width30%

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

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


Column
width70%



Section


Column
width30%

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

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


Column
width70%


...

Section


Column
width30%

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

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

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


Column
width70%


...

Section


Column
width30%

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

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


Column
width70%


...