30日間の無料評価版をお試しいただけます。

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

Table of Contents
classcontents

はじめに

Styleclass
ClasstopLink

ページトップ

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

  • それぞれ一意の色で定義されたゾーンを持つイメージ(JPGまたはPNG)
  • 各マップゾーンを参照データに対応付けることができる参照コードデータ(チュートリアルでは、参照コードとして国を使用します。各ゾーンを国コードにマッピングしてから、データ用に使用できるようになります。)

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

適切なイメージの選択

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

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

Section
Column
width30%

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

Column
width70%

Section
Column
width30%

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

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

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

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

Column
width70%

Section
Column
width30%

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

Column
width70%

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

注意:クリーニングプロセスでは、イメージ編集ソフトウェアを使用する必要があります。

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

Section
Column
width30%

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

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

Column
width70%

Section
Column
width30%

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

Column
width70%

色(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%

Section
Column
width30%

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

Column
width70%

Section
Column
width30%

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

Column
width70%

Section
Column
width30%

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

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

Column
width70%

Section
Column
width30%

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

Column
width70%

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

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

Styleclass
ClasstopLink

ページトップ

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

Section
Column
width30%

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

Column
width70%

Section
Column
width30%

2. ゾーンごとに一意の色を設定する必要があります。右に示すように、このイメージではマップの各国に対して一意の緑が割り当てられています。これはYellowfinではなく、イメージエディターで実行されました(詳細は前のセクションを参照)。

Column
width70%

Section
Column
width30%

3. 次に「管理」に移動し、「  イメージとマップ」リンクをクリックします。

Column
width70%

Section
Column
width30%

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

Column
width70%

Section
Column
width30%

5. イメージの名前と説明を指定します。

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

Column
width70%

Section
Column
width30%

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

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

Column
width70%

Section
Column
width30%

9. ゾーン参照タイプを「」に設定します。

ゾーン参照タイプは、データをレポートからマップゾーンにリンクする参照コードです。これはすでにYellowfin内で作成されています。独自の参照コードの作成方法については、前のセクションを参照してくだい。 

Column
width70%

Section
Column
width30%

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

Column
width70%

Section
Column
width30%

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

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

Column
width70%

Section
Column
width30%

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

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

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

Column
width70%

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

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

Styleclass
ClasstopLink

ページトップ

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

Section
Column
width30%

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

Column
width70%

Section
Column
width30%

2. 「レポートの初期化」ページが表示されます。作成ツールとして「ドラッグ&ドロップで作成」を選択します。

Column
width70%

Section
Column
width30%

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

4. 「   」ボタンをクリックして次に進みます。

Column
width70%

Section
Column
width30%

5. 「レポートデータ」ページで、「Athlete Location」カテゴリーから「Athlete Country」フィールドを選択します。

6. 「Athlete Payment」から「Invoiced (Pref Currency)」カラム(列)を選択します。

7. 「データ表示」オプションとして「グラフのみ」を選択します。
8. 「   次へ」をクリックして続行します。

Column
width70%

Section
Column
width30%

9. 出力ページで、グラフアイコンをクリックしてグラフを編集しヒートマップを設定します。

Column
width70%

Section
Column
width30%

10. 「グラフ」メニューから「マップ」を選択します。

11. 次に、「マップ」タイプを選択します。「保存」をクリックして選択項目を使用します。 

Column
width70%

Section
Column
width30%

12. 「グラフデータ」セクションがヒートマップに関連するフィールドで更新されたことがわかります。

13. 「マップ」ドロップダウンで、作成した「World Heat Map」イメージを選択します。

14. ラベルを「Athlete Country」に設定します。これは、適用された参照コードを持つフィールドです。

15. 色を「Invoiced (Pref Currency)」に設定します。

16.更新」をクリックして、グラフを表示します。

Column
width70%

Section
Column
width30%

17. 図に示すようにヒートマップが表示されます。ヒートマップではデフォルトの色が使用されます。 

Column
width70%

Section
Column
width30%

18. ヒートマップの色を変更する場合は、「グラフデータ」パネルでシリーズを選択し、カラーピッカーをクリックします。 

Column
width70%

Section
Column
width30%

19.更新」をクリックして、更新したグラフを表示します。ヒートマップでは、新たに選択された色が使用されます。

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

Column
width70%

Section
Column
width30%

20. マップの範囲として使用される色数を増やすことができます。「   」アイコンをクリックして、色を追加します。
グラフは次のように表示されます。

Column
width70%

Section
Column
width30%

21. 複数の色を使用している場合は、グラデーション範囲でそれらを使用するか(上に示します)、それらをクラスに分けるか(右に示します)選択できます。

Column
width70%

Section
Column
width30%

22. グラフが歪んでいるように感じることがあります。これを防ぐために、「グラフの書式」メニューで有効にしておくべきオプションがあります。

23.グラフの書式」メニューを開き、「アスペクトを維持」オプションを有効にします。「保存」をクリックして変更を適用します。 

Column
width70%

Section
Column
width30%

24. これで、マップはさらに細部まで元のイメージのように見えるはずです。後は、凡例がマップの下部により近づくようにサイズを調整する必要があるだけです。

25. 下限エリアを鮮明に表示するために、「最小」の色を白以外の色に変更する必要もあります。

Column
width70%

Section
Column
width30%

26. これで図に示すような鮮明なラスタマップが作成されました。

27. これでマップは完成です。保存して閉じます。

Column
width70%



horizontalrule
Styleclass
ClasstopLink

ページトップ