インフォグラフィックウィジェット—Portal for ArcGIS

インフォグラフィックウィジェットが提供する 8 種類のグラフィックステンプレートを使用すると、マップ内とその他のデータソースからの属性と統計情報データを視覚化してモニタリングできます。

インフォグラフィックウィジェットによって生成される可視化グラフは、動的であり、マップ範囲またはデータソースが変更されると更新されます。また、マップとのインタラクティブな処理が可能です。また、グラフには、フィルターおよび選択ウィジェットの内容が直接反映されるとともに、ジオプロセシングおよびクエリウィジェットの結果も反映されます。データ用のターゲットと対応するインジケーターは特定のテンプレートでサポートされています。

次の表は、各テンプレートの表示値と指標のサポート有無を示しています。

注意:

このトピックでは、表に表示されている最初の 4 つのテンプレート以外のテンプレートをチャートテンプレートと呼びます。

スタックチャートのエクステンションであるパーセンテージスタックチャート (バー、カラム、およびエリア) は、各値のパーセンテージを比較します。


テンプレート名	値の表示	カスタムインジケーターのサポート
数値	フィーチャ数フィールド統計情報	必要
ゲージ	フィーチャ数フィールド統計情報	必要
垂直ゲージ	フィーチャ数フィールド統計情報	必要
水平ゲージ	フィーチャ数フィールド統計情報	必要
パイ	フィールド値分類済みの統計情報分類済みのフィーチャ数フィールド統計情報カテゴリ別の表示値やカテゴリ別の表示フィーチャ数が選択されている場合は、[カテゴリ別のカスタム色] でチャート色を定義できます。	不要
ドーナッツ	フィールド値分類済みの統計情報分類済みのフィーチャ数フィールド統計情報カテゴリ別の表示値やカテゴリ別の表示フィーチャ数が選択されている場合は、[カテゴリ別のカスタム色] でチャート色を定義できます。	不要
バー	フィールド値分類済みの統計情報分類済みのフィーチャ数フィールド統計情報	不要
スタックバー	フィールド値分類済みの統計情報分類済みのフィーチャ数 * フィールド統計情報 * * モードはサポートされていますが、データシリーズが 1 つであるため、スタックエフェクトは表示できません。	不要
パーセンテージスタックバー	フィールド値分類済みの統計情報分類済みのフィーチャ数 * フィールド統計情報 * * モードはサポートされていますが、データシリーズが 1 つであるため、スタックエフェクトは表示できません。	不要
列	フィールド値分類済みの統計情報分類済みのフィーチャ数 * フィールド統計情報 * * モードはサポートされていますが、データシリーズが 1 つであるため、スタックエフェクトは表示できません。	不要
スタック列	フィールド値分類済みの統計情報分類済みのフィーチャ数 * フィールド統計情報 * * モードはサポートされていますが、データシリーズが 1 つであるため、スタックエフェクトは表示できません。	不要
パーセンテージスタック列	フィールド値分類済みの統計情報分類済みのフィーチャ数 * フィールド統計情報 * * モードはサポートされていますが、データシリーズが 1 つであるため、スタックエフェクトは表示できません。	不要
線分	フィールド値分類済みの統計情報分類済みのフィーチャ数フィールド統計情報	不要
面積	フィールド値分類済みの統計情報分類済みのフィーチャ数 * フィールド統計情報 * * モードはサポートされていますが、データシリーズが 1 つであるため、スタックエフェクトは表示できません。	不要
スタックエリア	フィールド値分類済みの統計情報分類済みのフィーチャ数 * フィールド統計情報 * * モードはサポートされていますが、データシリーズが 1 つであるため、スタックエフェクトは表示できません。	不要
パーセンテージスタックエリア	フィールド値分類済みの統計情報分類済みのフィーチャ数 * フィールド統計情報 * * モードはサポートされていますが、データシリーズが 1 つであるため、スタックエフェクトは表示できません。	不要

データソースの追加

インフォグラフィックウィジェットは、マップまたはその他のデータソースからデータを視覚化することができます。インフォグラフィックウィジェットを構成する前に、ウィジェットに使用するデータソースを決定します。直感的に、マップからのレイヤーを直接データソースとして使用できます。レイヤーに対して [範囲によるフィルタリング] オプションを完全に管理する場合や、マップ外のデータを視覚化する場合は、[その他のデータソース] を検討することができます。

注意:

マップデータソースを使用する場合、マップ上のフィーチャをスナップショットまたはオンデマンドモードで読み込むことができます。フィーチャがオンデマンドモードで読み込まれる場合は、フィーチャが現在のマップ範囲によってフィルタリングされます。フィーチャがスナップショットモードで読み込まれる場合は、フィーチャを現在のマップ範囲でフィルタリングするかどうかを選択できます。ホストフィーチャサービスを除くすべてのサービスが、デフォルトでオンデマンドモードを使用します。ポイントホストフィーチャの場合、フィーチャの数が 4,000 以下であるとスナップショットモードが有効になり、4,000 を超えるとオンデマンドモードが有効になります。ポリラインおよびポリゴンホストフィーチャの場合、閾値は 2,000 のフィーチャと 250,000 の頂点です。[その他のデータソース] からデータが追加されている場合は、スナップショットモードと同様の方法でフィーチャが読み込まれます。

インフォグラフィックウィジェットを構成する最初の手順として、次のようにデータソースを選択します。

データソースとして [マップ] が選択されている場合は、クエリ機能を持つフィーチャレイヤーだけがサポートされます。また、[マップ] タブで、Map Viewer の有効なレイヤーの更新間隔を設定できます。
注意:
レイヤーを常に最新のデータに同期させる場合、ここでの間隔の設定は、Map Viewer でレイヤーの [更新間隔] オプションが有効になるまで、有効になりません。
注意:
フィーチャレイヤーは、マップサービスまたはフィーチャサービス、ArcGIS Online または ArcGIS Enterprise のアイテム、あるいはクライアント側のさまざまなグラフィックスから作成できる 1 つのレイヤーです。このため、フィーチャレイヤーは次のソースから追加できます。
- フィーチャサービスからの ArcGIS Server サービス URL
- マップサービスのサブレイヤーからの ArcGIS Server サービス URL
  注意:
  マップサービスからグループとして追加されたレイヤーは、その他のデータソースから使用できますが、マップデータソースからは使用できません。
- ホストフィーチャサービス
- フィーチャコレクション
[その他のデータソース] が選択されている場合は、[属性] タブの [その他のデータソース] から [レイヤー] および [統計情報] タイプを追加するか、アプリで他のウィジェット (ジオプロセシング、クエリなど) から結果として生成される出力レイヤーを使用できます。各タイプには、マップ、ポータル、および ArcGIS Server サービスオプションがあり、[範囲によるフィルタリング] を完全に管理できます。[マップ] オプションを使用すると、マップ内のレイヤーを詳細に制御できます。後者の 2 つは、マップ外のデータを追加できます。また、データが [レイヤー] として追加される場合は、フィーチャレイヤー、テーブル、またはイメージサービスベクターレイヤーのいずれかになります。データが [統計情報] として追加される場合は、グループデータのフィーチャ数 (指定されている場合) が格納され、グループの合計値、平均値、最大値、最小値 (指定されている場合) が 1 つ以上の数値フィールドに基づいてサーバー側で計算されます。
注意:
現在のところ、インフォグラフィックウィジェットは、クエリおよびジオプロセシングウィジェットの結果のみを考慮に入れます。

ヒント:

つまり、[範囲によるフィルタリング] オプションでは、[その他のデータソース] のデータ、およびスナップショットモードでフィーチャが読み込まれているマップデータソースのデータに対して、このオプションを有効または無効にできます。オンデマンドモードでフィーチャが読み込まれているマップデータソースからデータを選択すると、[範囲によるフィルタリング] オプションが常に有効になります。

数値テンプレートの構成

このウィジェットは、アプリの起動時に自動的に開くように設定できます。この機能を有効にするには、ウィジェットで [アプリの起動時にこのウィジェットを自動的に開く] ボタンボタンアプリの起動時にこのウィジェットを自動的に開くをクリックし、ボタンを深緑色に変えます。

次の手順は、[数値] テンプレートを使用してグラフを構成する方法を示しています。ゲージに関連する 3 つのテンプレートの設定は [数値] テンプレートとほぼ同じです。

ウィジェット上にマウスポインターを合わせて、[このウィジェットを構成] ボタンをクリックして、構成プロパティダイアログボックスを開きます。
[数値] テンプレートのサムネイルをクリックし、[OK] をクリックします。
データソースを選択します。
これは、マップ内のフィーチャレイヤー、ウィジェットの出力レイヤー、または [属性] タブで追加されたその他のデータソースのいずれかになります。
[OK] をクリックして、テンプレートの設定パネルを入力します。
[ウィジェットの変更] ボタンをクリックし、このウィジェットのデフォルトアイコンを独自の画像と置換します。
ファイルエクスプローラーウィンドウが表示され、ウィジェットアイコンとして使用するローカルイメージファイルを選択できます。
データソースが現在のマップにあるフィーチャレイヤーの場合は、対話処理条件を設定します。
- 選択セットの使用 - グラフを作成するのに、選択されたフィーチャのみを使用します。ソースレイヤーに選択セットがない場合は、データセット全体が使用されます。
- 範囲によるフィルタリング - グラフを作成するのに、現在のマップ範囲内にあるフィーチャのみを使用します。
  - データソースが、マップのフィーチャレイヤーであり、オンデマンドモードで読み込まれている場合、[範囲によるフィルタリング] オプションはオンの状態で、オフにすることはできません。
  - データソースが、マップのフィーチャレイヤーであり、スナップショットモードで読み込まれている場合、[範囲によるフィルタリング] オプションはオンにすることもオフにすることもできます。
  注意:
  レイヤーが [その他のデータソース] のマップセクションから追加されている場合は、[データソースの構成] ウィンドウの [フィルター] で [設定] ボタンをクリックし、[データソースフィルター] ウィンドウの [範囲] で [現在のマップ範囲に含まれるフィーチャのみ] チェックボックスをオンにすると、[範囲によるフィルタリング] オプションをオンにできます。ただし、[範囲によるフィルタリング] はいったんオンになると、[現在のマップ範囲に含まれるフィーチャのみ] チェックボックスをオフにしない限り、オフにできません。
エレメントのレイアウトを変更します。
左側のパネルは、グラフのプレビューが表示されるだけではなく、柔軟性の高いレイアウトエディターでもあります。
1. テンプレートに追加できるエレメントには、タイトル、説明、画像、および数値があります。エレメントのサムネイルをクリックすると、対応するエレメントを表示または非表示にすることができます。
2. プレビュー内のエレメントを選択してハイライト表示し、上下の境界線をドラッグしてエレメントのサイズを変更します。右上隅にあるハンドルをドラッグして、エレメントを再配置します。
3. レイアウトをリセットするには、[リセット] ボタンをクリックします。
4. 別のテンプレート (ゲージなど) を選択するには、[テンプレートの変更] をクリックします。
  注意:
  これを行うと、すべての既存の設定が削除され、新しい空のテンプレートが開きます。
各エレメントをクリックし、そのパラメーターを設定します。
変更はすべてプレビューに同期して反映されます。
1. テキストの設定 - テキスト、フォント、テキストサイズ、テキスト色、テキストの配置とリンクを設定します。必要に応じて、エレメントの背景色をカスタマイズします。
2. 画像設定 - 画像のソース、配置、およびリンクを設定します。必要に応じて、エレメントの背景色をカスタマイズします。
3. 数値設定 - [データ]、[表示]、および [インジケーター] タブで、オプションを設定します。
  - データ - 結果の数値のデータ形式を [フィーチャ数] または [フィールド統計情報] に設定します。
  - 表示 - 数値の単位、小数桁、接頭辞と接尾辞を設定します。また、エレメントの一般的なテキストパラメーター (フォント、テキストサイズ、テキスト色、配置) と背景色をカスタマイズすることもできます。
    ヒント:
    ゲージテンプレートに表示される値は、フィーチャ数やフィールド統計情報を示す数値であるだけでなく、指定されたデータ範囲に対するその数値の割合であることもあります。
  - インジケーター - ターゲット値と対応するインジケーターを設定します。値の色とインジケーターアイコンという 2 つのインジケーターオプションがあります。ターゲット値が条件を満たす場合は、エレメントの色とアイコン (設定されている場合) がそれに応じて変化します。
    注意:
    インジケーターは、上から下の順序で実行されます。最終的な外観は、データが適合する最後の条件によって決定されます。
    ヒント:
    ゲージテンプレートは比率ターゲットもサポートしています。つまり、ターゲットが、指定されたデータ範囲に対するパーセンテージで示されます。
[OK] をクリックして構成を完了します。

列テンプレートの構成

チャートウィジェットに比べて、チャートテンプレートは次のように機能が拡張されています。

レイヤーのシンボル色をチャート色として使用します (該当する場合)。
注意:
[レイヤーのシンボルを使用] オプションは [表示] タブにあります。このオプションを使用できるかどうかは、マップ内のレイヤーレンダラーのタイプ、および [データ] タブで選択する表示モードによって異なります。たとえば、レイヤーがシンボルなしの個別値によってレンダリングされ、[値をフィーチャ別に表示] が選択されている場合、レイヤーのシンボル色をチャート色として使用できます。
必要に応じて、値フィールドのカスタム色を事前定義します。
表示モードで日付フィールドが [カテゴリフィールド] として選択されている場合は、最小期間を、選択した単位のいずれか (年、月、日、時、分、秒など) に解析します。
値またはラベルによってチャートを並べ替えます。
パフォーマンスのために最大カテゴリ数を設定します。
水平軸と垂直軸の両方のテキストサイズを設定します。
その他のデータソースを使用します。
モダンな外観を設定します。

[列] テンプレートのサムネイルをクリックし、[OK] をクリックします。
「数値テンプレートの構成」セクションの手順 3 ～ 7 を繰り返します。
各エレメントをクリックし、そのパラメーターを設定します。
変更はすべてプレビューに同期して反映されます。
1. テキストの設定 - テキスト、フォント、テキストサイズ、テキスト色、テキストの配置とリンクを設定します。必要に応じて、エレメントの背景色をカスタマイズします。
2. チャート設定 - [データ] タブをクリックします。表示モードと関連パラメーターを設定します。
  通常、次の 4 つの表示モードがあります。
  - 値をフィーチャ別に表示 - レイヤー内のフィーチャごとに 1 つまたは複数のフィールドの値が表示され、フィーチャ別に値が表示されます。たとえば、都市レイヤーに含まれる各都市の人口をバーまたは列チャートで表示できます。また、都市ごとに男性の人口と女性の人口をクラスター化されたバーまたはカラムで表示することもできます。
  - 値をカテゴリ別に表示 - レイヤー内のフィーチャのカテゴリごとに 1 つまたは複数のフィールドの統計値が表示されます。たとえば、都市レイヤー内で州フィールドをカテゴリとして指定すると、州ごとに各都市の総人口を表示できます。
  - フィーチャ数をカテゴリ別に表示 - レイヤー内のフィーチャのカテゴリごとにフィーチャの合計数が表示されます。たとえば、都市レイヤー内で人口クラスフィールドをカテゴリとして指定し、人口クラスごとに都市の総数を算出できます。
  - 属性値をチャートとして表示 - レイヤー内の特定のフィールドまたは複数のフィールドの統計値が表示されます。たとえば、都市レイヤー内で 2000 年の全都市の総人口を 1 つのバーで表示し、2010 年の全都市の総人口をもう 1 つのバーで表示することができます。
  注意:
  スタックチャートの複数の値フィールドを選択します。
3. [表示] タブ - 表示パラメーターを設定します。レイヤーのシンボル色を使用するためにチャートの色を設定したり、選択した値フィールドに定義するカスタム色を設定したりできます。水平軸と垂直軸の両方のテキストサイズを設定することもできます。
[OK] をクリックして構成を完了します。

インフォグラフィックウィジェットの使用

アプリでインフォグラフィックウィジェットを開くには、ウィジェットのアイコンをクリックします。

ウィジェットを使用する際は次の点に留意してください。

構成時に [選択セットの使用] オプションをオンにした場合は、ソースレイヤーのフィーチャが選択されると数値が変化します。
構成時に [範囲によるフィルタリング] オプションをオンにした場合は、マップを画面移動またはズームすると数値が変化します。
構成時にインジケーターを設定した場合は、数値とともに色とアイコンが変化します。
データが更新されると、グラフが更新されます。

注意:

チャートテンプレートでは、次の操作を行うこともできます。

チャート内の個々の要素にマウスポインターを合わせます。カテゴリ値とフィールド値が表示され、対応するフィーチャがマップ上でハイライト表示されます。
[設定] ボタンをクリックすると、凡例、データラベル、軸のオン/オフを切り替えることができます。

このトピックへのフィードバック

注意:

データ ソースの追加

注意:

注意:

注意:

注意:

注意:

ヒント:

数値テンプレートの構成

注意:

注意:

ヒント:

注意:

ヒント:

列テンプレートの構成

注意:

注意:

インフォグラフィック ウィジェットの使用

注意:

このトピックの内容

データソースの追加

インフォグラフィックウィジェットの使用