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

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Styleclass
ClasstopLink

ページトップ

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

Section
Column
width30%

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

Column
width70%

Image RemovedImage Added

Section
Column
width30%

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

Column
width70%

Image RemovedImage Added

Section
Column
width30%

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

Column
width70%

Image RemovedImage Added

Section
Column
width30%

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

Image RemovedImage Added

Column
width70%

Image RemovedImage Added

Section
Column
width30%

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

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

Column
width70%

Image RemovedImage Added

Section
Column
width30%

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

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

Column
width70%

Image RemovedImage Added

Section
Column
width30%

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

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

Column
width70%

Image RemovedImage Added

Section
Column
width30%

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

Column
width70%

Image RemovedImage Added

Section
Column
width30%

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

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

Column
width70%

Image RemovedImage Added

Section
Column
width30%

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

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

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

Column
width70%

Image RemovedImage Added

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

...

Section
Column
width30%

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

Column
width70%

Image RemovedImage Added

Section
Column
width30%

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

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

Column
width70%

Section
Column
width30%

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

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

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

Column
width70%

Image RemovedImage Added

Section
Column
width30%

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

Column
width70%

Image RemovedImage Added

Section
Column
width30%

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

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

Column
width70%

Image RemovedImage Added

Section
Column
width30%

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

Column
width70%

Image RemovedImage Added

Section
Column
width30%

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

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

Column
width70%

Image RemovedImage Added

Section
Column
width30%

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

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

Column
width70%

Image RemovedImage Added

Section
Column
width30%

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

Column
width70%

Image RemovedImage Added

Section
Column
width30%

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

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

Column
width70%

Image RemovedImage Added

Section
Column
width30%

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

Column
width70%

Image RemovedImage Added

 

horizontalrule
Styleclass
ClasstopLink

ページトップ

 

...