サイトのレイアウトの設計—Portal for ArcGIS | ArcGIS Enterprise のドキュメント

サイトを構成してデータを追加したら、ホームページのレイアウトを設計して、ヘッダーとフッターをカスタマイズできます。この操作は、すべて [サイトエディター] タブで行います。このタブでは、提供されるエディター、マークダウン、またはカスタム HTML を使用してサイトを設計できます。

概要

サイトエディターはフルページエディターです。独自のサイトブランディングとデータに適合するように修正したり、最初からやり直すために完全に削除したりすることができるサイトテンプレートを提供します。ページ上のエレメントにポインターを合わせてエレメントを移動、サイズ変更、編集、または削除するか、左上隅の歯車アイコンをクリックしてサイトエディターのサイドパネルを開きます。

[ヘッダー] 設定

サイトヘッダーを作成する方法として、ロゴの URL とサイトタイトルを使用する方法 (単純) およびカスタム HTML と CSS を使用する方法 (高度) の 2 つがあります。

単純なワークフロー

[ロゴとサイトタイトルを使用] を選択します。
[サイトタイトル] にタイトルを入力します。
[ロゴの URL] に画像を入力します。50 ピクセルの高さに合うように、画像のサイズが変更されます。

高度なワークフロー

[カスタム HTML/CSS を使用] を選択します。
デフォルトのヘッダーがページに表示され、CSS ボックスがサイドパネルに表示されます。
ヘッダーの右上にある歯車アイコンをクリックして、HTML を編集します。
歯車アイコンをもう一度クリックして、変更を表示します。
サイドパネルの CSS ボックスを修正し、[変更を適用] をクリックして HTML への効果を確認します。

注意:

ヘッダー HTML は、埋め込み JavaScript をサポートしていません。スクリプトタグは無視されます。

注意:

[マイデータ] と [サインイン] のエリアはサイトの機能を維持するために編集または削除できません。

テーマビルダー

次のカラーオプションを使ってサイトのテーマを決定します。

[ヘッダーの背景色] - ヘッダーに影響します。
[ヘッダーテキストの色] - ヘッダーテキストに影響します。
[本文の背景色] - 透明のホームページ行の色および検索結果とデータセットページのページ背景色に影響します。
[本文のテキスト色] - サイト全体の標準テキストの色に影響します。
[本文のリンクの色] - サイト全体のカラーリンクとボタンおよびヘッダー内のリンクのホバー状態に影響します。

ヒント:

テキスト色は行ごとに変更することもできます。

レイアウトビルダー

ページの基本レイアウトは、行とウィジェットごとにまとめられます。ウィジェットは行内に配置する必要があります。1 行に配置できるウィジェットの数に制限はありません。カードを編集するには、歯車アイコンをクリックします。カードを削除するには、ゴミ箱アイコンをクリックします。

行

行を使用して、全体のレイアウトを作成しウィジェットを格納します。

行をサイドパネルからページにドラッグします。
ガイドとして使用するマーカーがページに表示されます。
行にポインターを合わせます。ページ内で行を移動するための矢印、編集用の歯車アイコン、行を削除するための [X] の 3 つが右側に表示されます。
歯車アイコンをクリックして、編集モードに切り替えます。
この特定の行のテキスト色を設定します。
背景色 (透明がデフォルト) または背景画像を設定します。
[サイトエディターに戻る] をクリックして、メインのサイドパネルに戻ります。

バナーカード

サイト内の見出しと検索バーにバナーを使用します。

[バナー] ウィジェットを既存の行にドラッグします。
ウィジェットにマウスポインターを合わせて、歯車アイコンをクリックし、編集モードに切り替えます。
必要に応じて、見出しと小見出しを入力します。
必要に応じて、背景画像の URL を指定して、最小高さを設定します。
必要に応じて、[検索バーを表示] をクリックして、このバナーウィジェットに検索バーを追加します。
必要に応じて、[場所による検索機能を追加] をオンにして、ユーザーが結果を場所によりフィルター処理するための第 2 の検索オプションを追加します。
必要に応じて、検索バーに表示するプレースホルダーテキストを追加します。
[サイトエディターに戻る] をクリックして、メインのサイドパネルに戻ります。

画像カード

レイアウトに画像を使用できます。

[画像] ウィジェットを既存の行にドラッグします。
ウィジェットにマウスポインターを合わせて、歯車アイコンをクリックし、編集モードに切り替えます。
画像の URL を入力します。
視力が良くないユーザーを支援したり、サイトのアクセシビリティを向上させたりするために、画像の代替テキストを提供します。
必要に応じて、画像のキャプションを入力します。
必要に応じて、画像のハイパーリンクを入力します。これは、[同じタブ] または [新しいタブ] のいずれかで開きます。
[サイトエディターに戻る] をクリックして、メインのサイドパネルに戻ります。

テキストカード

テキスト (マークダウンおよび HTML) をレイアウトに追加します。

[テキスト] ウィジェットを既存の行にドラッグします。
ウィジェットにマウスポインターを合わせて、歯車アイコンをクリックし、編集モードに切り替えます。
マークダウンまたは HTML テキストをテキストウィジェットに入力します。
歯車アイコンをして、テキストを表示します。

注意:

セキュリティ上の理由から、テキストウィジェットは、埋め込み JavaScript をサポートしていません。スクリプトタグは無視されます。

次の HTML 要素に対応しています。

'a', 'b', 'blockquote', 'br', 'caption', 'cite', 'code', 'col',
 'colgroup', 'dd', 'dl', 'dt', 'em', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6',
 'i', 'img', 'li', 'ol', 'p', 'pre', 'q', 'small', 'strike', 'strong',
 'sub', 'sup', 'table', 'tbody', 'td', 'tfoot', 'th', 'thead', 'tr', 'u',
 'ul', 'center', 'style', 'div', 'span'

これらの要素の次の属性に対応しています。

All supported HTML elements allow : ['class', 'style'], 'a' : ['href', 'title', 'target', 'data-toggle', 'data-target', 'name'], 'blockquote': ['cite'],	'button'    : ['name', 'value', 'data-toggle', 'data-target', 'data-dismiss'], 'col' : ['span', 'width'], 'colgroup' : ['span', 'width'],	'div' : ['data-show', 'data-target', 'data-toggle'] 'img' : ['align', 'alt', 'height', 'src', 'title', 'width' ], 'ol' : ['start', 'type'], 'q' : ['cite'], 'table' : ['summary', 'width', 'class'], 'td' : ['abbr', 'axis', 'colspan', 'rowspan', 'width'], 'th' : ['abbr', 'axis', 'colspan', 'rowspan', 'scope', 'width'],
 'ul' : ['type']

カテゴリカード

カテゴリを使用して、サイト上でデータセットをグループ化します。

[カテゴリ] ウィジェットを既存の行にドラッグします。
ウィジェットにマウスポインターを合わせて、歯車アイコンをクリックし、編集モードに切り替えます。
カテゴリのリンクテキストを編集します。
[タグクエリ] または [グループ] を選択します。
これにより、ユーザーがこのカテゴリをクリックしたときに検索結果で返されるデータセットが決まります。
- [タグ] - タグクエリを入力します。。各エンタープライズポータルアイテムでこの一致タグを持つデータセットがすべて、検索結果で返されます。
- [グループ] - グループを選択します。このグループ内のデータセットがすべて、検索結果で返されます。
ライブラリからアイコンを選択する場合:
1. [アイコンを選択] を選択します。
2. モーダルからアイコンを選択して、[選択] をクリックします。
  アイコンがサイドパネルに表示されます。
3. アイコンの右にあるグレーのボックスをクリックして、アイコンの色を選択します。
独自のアイコンを使用する場合:
1. アイコンの URL を入力します。
2. 視力が良くないユーザーを支援したり、サイトのアクセシビリティを向上させたりするために、アイコンに代替テキストを提供します。
[サイトエディターに戻る] をクリックして、メインのサイドパネルに戻ります。

ヒント:

カスタムアイコンは、*.svg または透明な *.png ファイルとして保存する必要があります。120 x 120 ピクセルに合うように、アイコンのサイズが変更されます。

連絡先情報カード

データ所有者に電子メールを送信するための連絡先情報を指定します。

[連絡先] ウィジェットを既存の行にドラッグします。
ウィジェットにマウスポインターを合わせて、歯車アイコンをクリックし、編集モードに切り替えます。
連絡先の電子メールアドレスと電子メール件名行を入力します。
ユーザーがホームページで電子メールをクリックすると、電子メールエディターが自動的に開きます。
[サイトエディターに戻る] をクリックして、メインのサイドパネルに戻ります。

Iframe カード

iframe や外部リソースを埋め込みます。

[iframe] ウィジェットを既存の行にドラッグします。
ウィジェットにマウスポインターを合わせて、歯車アイコンをクリックし、編集モードに切り替えます。
iframe の URL と iframe の高さを指定します。
[適用] をクリックします。

注意:

別の Web サイトから埋め込み可能な iframe コードを貼り付けないでください。埋め込みたい URL のみを貼り付けます。

ヒント:

HTTP を使った Iframe の URL は、HTTPS を使っているサイトエディターには表示されません。サイトを保存し表示して、iframe を観察します。

チャートカード

シンプルなチャートをデータセットから直接作成するか、独自の JSON チャートを入力してカスタムチャートを作成します。

バーチャート

バーチャートは、選択したデータセットに対するクエリから作成され、データセットが更新されると自動的に更新されます。

[チャート] ウィジェットを既存の行にドラッグします。
ウィジェットにマウスポインターを合わせて、歯車アイコンをクリックし、編集モードに切り替えます。
デフォルトでは、バーチャートが選択されます。
[(+) データの追加] をクリックします。
使用できるデータサービスからアイテムを選択します。
[カテゴリ属性の選択] を選択して、データから主要なチャートアイテムを選択します。
チャートでは数値フィールドおよび文字列フィールドが使用できます。デフォルトでは、カテゴリ属性を選択すると、作成されるチャートはこの属性の数になります。
必要に応じて、[値属性の選択] で、カテゴリ属性の値 (メートル) となる数値フィールドを選択します。選択すると、このフィールドのデフォルトの統計操作は、[合計値] となります。[統計操作] を変更するには、[値属性の選択] の右にあるドロップダウンを使用します。値属性では、最小値、最大値、合計値、平均値、個数がサポートされています。個数を選択すると、値属性は選択されません (カテゴリ属性をカウントするための追加フィールドは必要ないためです)。
チャートでは数値フィールドおよび文字列フィールドが使用できます。デフォルトでは、カテゴリ属性を選択すると、作成されるチャートはこの属性の数になります。
必要に応じて、[オプション] セクションで、X 軸の [チャートのタイトル]、[高さ] (ピクセル)、[カテゴリラベル]、および Y 軸ラベルの [値ラベル] を有効化/無効化、およびカスタマイズできます。

パイチャート

パイチャートは、選択したデータセットに対するクエリから作成され、データセットが更新されると自動的に更新されます。

[チャート] ウィジェットを既存の行にドラッグします。
ウィジェットにマウスポインターを合わせて、歯車アイコンをクリックし、編集モードに切り替えます。
丸いパイのアイコンをクリックして、パイチャートを選択します。
[(+) データの追加] をクリックします。
使用できるデータサービスからアイテムを選択します。
[カテゴリ属性の選択] を選択して、データから主要なチャートアイテムを選択します。
チャートでは数値フィールドおよび文字列フィールドが使用できます。デフォルトでは、カテゴリ属性を選択すると、作成されるチャートはこの属性の数になります。
必要に応じて、[値属性の選択] で、カテゴリ属性の値 (メートル) となる数値フィールドを選択します。選択すると、このフィールドのデフォルトの統計操作は、[合計値] となります。[統計操作] を変更するには、[値属性の選択] の右にあるドロップダウンを使用します。値属性では、最小値、最大値、合計値、平均値、個数がサポートされています。個数を選択すると、値属性は選択されません (カテゴリ属性をカウントするための追加フィールドは必要ないためです)。
チャートでは数値フィールドおよび文字列フィールドが使用できます。デフォルトでは、カテゴリ属性を選択すると、作成されるチャートはこの属性の数になります。
必要に応じて、[オプション] セクションで、ツールチップの各パイウェッジのラベルの [チャートのタイトル]、[高さ] (ピクセル)、[カテゴリラベル]、およびツールチップのメートルのラベルの [値ラベル] を有効化/無効化、およびカスタマイズできます。

JSON チャート

カスタムチャートは、特定のチャート仕様を使って JSON から作成されます。

[チャート] ウィジェットを既存の行にドラッグします。
ウィジェットにマウスポインターを合わせて、歯車アイコンをクリックし、編集モードに切り替えます。
[JSON] タイトルを選択します。
[JSON チャート仕様] フィールドに JSON を入力します。
必要に応じて、[オプション] セクションで、[チャートのタイトル] および [高さ] (ピクセル) を有効化/無効化、およびカスタマイズできます。

JSON 仕様

カスタム JSON を入力すると、シダーライブラリを活用するカスタムチャートを作成できます。仕様は次のコンポーネントから構成されます。

データセット

データセット配列により、ArcGIS フィーチャサービスの URL とクエリパラメーターが指定されます。クエリパラメーターの詳細については、REST API ドキュメントをご参照ください。

{ "datasets": [ { "url": "SampleArcGISFeatureService_URL", "name" : "Number_of_SUM",
"query": { "groupByFieldsForStatistics": "Zip", "outStatistics": [{
"statisticType": "sum", "onStatisticField": "Number_of",
"outStatisticFieldName": "Number_of_SUM" }] } } ]
}

シリーズ

シリーズ配列では、サービスの応答とチャートの視覚的側面におけるフィールド間のマッピングを指定できます (X 軸、Y 軸、散布図チャートの色とサイズ、パイチャートの半径)。

{ "series": [ { "source": "Number_of_SUM", "category": { "field": "Type", "label": "Facility
Use" }, "value": { "field":"Number_of_SUM","label":"Total Students" }} ] }

オーバーライド

オーバーライドプロパティでは、チャート全体に色や配置など、視覚的なオーバーライドを指定できます。

"overrides": {
      "legend": {
          "enabled": true
      },
      "backgroundColor": "#E6E6FA",
      "backgroundAlpha": 1
  }
}

仕様

仕様プロパティでは、カスタムチャートの Cedar 仕様全体を入力できます。既存のチャート仕様の例を表示します。

例

バーチャート:

{
  "type": "bar",
  "datasets": [
    {
      "url": "https://services.arcgis.com/uDTUpUPbk8X8mXwl/arcgis/rest/services/Public_Schools_in_Onondaga_County/FeatureServer/0",
      "name": "Number_of_SUM",
      "query": {
        "orderByFields": "Number_of_SUM DESC",
        "groupByFieldsForStatistics": "Type",
        "outStatistics": [
          {
            "statisticType": "sum",
            "onStatisticField": "Number_of",
            "outStatisticFieldName": "Number_of_SUM"
          }
        ]
      }
    }
  ],
  "series": [
    {
      "category": {"field": "Type", "label": "Type"},
      "value": {"field": "Number_of_SUM", "label": "Number of Students"},
      "source": "Number_of_SUM"
    }
  ]
}

水平バーチャート:

{
  "type": "bar-horizontal",  "datasets": [    {
      "url": "https://services.arcgis.com/uDTUpUPbk8X8mXwl/arcgis/rest/services/Public_Schools_in_Onondaga_County/FeatureServer/0",      "name": "Number_of_SUM",      "query": {
        "orderByFields": "Number_of_SUM DESC",        "groupByFieldsForStatistics": "Type",        "outStatistics": [          {
            "statisticType": "sum",            "onStatisticField": "Number_of",            "outStatisticFieldName": "Number_of_SUM"
          }
        ]      }
    }
  ],  "series": [    {
      "category": {"field": "Type", "label": "Type"},      "value": {"field": "Number_of_SUM", "label": "Number of Students"},      "source": "Number_of_SUM"
    }
  ],  "overrides": {
    "categoryAxis": {
      "labelRotation": -45    }
  }
}

グループ化されたバーチャート:

注意: 各シリーズは「グループ」に一致します。

{
  "type": "bar",
  "datasets": [
    {
      "url": "https://services.arcgis.com/uDTUpUPbk8X8mXwl/arcgis/rest/services/Public_Schools_in_Onondaga_County/FeatureServer/0",
      "name": "Jordan",
      "query": {
        "where": "City='Jordan'",
        "orderByFields": "Number_of_SUM DESC",
        "groupByFieldsForStatistics": "Type",
        "outStatistics": [{
          "statisticType": "sum",
          "onStatisticField": "Number_of",
          "outStatisticFieldName": "Number_of_SUM"
        }]
      },
      "join": "Type"
    },
    {
      "url": "https://services.arcgis.com/uDTUpUPbk8X8mXwl/arcgis/rest/services/Public_Schools_in_Onondaga_County/FeatureServer/0",
      "name": "Dewitt",
      "query": {
        "where": "City='Dewitt'",
        "orderByFields": "Number_of_SUM DESC",
        "groupByFieldsForStatistics": "Type",
        "outStatistics": [{
          "statisticType": "sum",
          "onStatisticField": "Number_of",
          "outStatisticFieldName": "Number_of_SUM"
        }]
      },
      "join": "Type"
    },
    {
      "url": "https://services.arcgis.com/uDTUpUPbk8X8mXwl/arcgis/rest/services/Public_Schools_in_Onondaga_County/FeatureServer/0",
      "name": "Fayetteville",
      "query": {
        "where": "City='Fayetteville'",
        "orderByFields": "Number_of_SUM DESC",
        "groupByFieldsForStatistics": "Type",
        "outStatistics": [{
          "statisticType": "sum",
          "onStatisticField": "Number_of",
          "outStatisticFieldName": "Number_of_SUM"
        }]
      },
      "join": "Type"
    }
  ],
  "series": [
    {
      "category": {"field": "Type", "label": "Type"},
      "value": { "field": "Number_of_SUM", "label": "Jordan Students"},
      "source": "Jordan"
    },
    {
      "category": {"field": "Type", "label": "Type"},
      "value": { "field": "Number_of_SUM", "label": "Dewitt Students"},
      "source": "Dewitt"
    },
    {
      "category": {"field": "Type", "label": "Type"},
      "value": { "field": "Number_of_SUM", "label": "Fayetteville Students"},
      "source": "Fayetteville"
    }
  ]
}

散布図チャート:

{
  "type": "bar",
  "datasets": [
    {
      "url": "https://services.arcgis.com/uDTUpUPbk8X8mXwl/arcgis/rest/services/Public_Schools_in_Onondaga_County/FeatureServer/0",
      "name": "Jordan",
      "query": {
        "where": "City='Jordan'",
        "orderByFields": "Number_of_SUM DESC",
        "groupByFieldsForStatistics": "Type",
        "outStatistics": [{
          "statisticType": "sum",
          "onStatisticField": "Number_of",
          "outStatisticFieldName": "Number_of_SUM"
        }]
      },
      "join": "Type"
    },
    {
      "url": "https://services.arcgis.com/uDTUpUPbk8X8mXwl/arcgis/rest/services/Public_Schools_in_Onondaga_County/FeatureServer/0",
      "name": "Dewitt",
      "query": {
        "where": "City='Dewitt'",
        "orderByFields": "Number_of_SUM DESC",
        "groupByFieldsForStatistics": "Type",
        "outStatistics": [{
          "statisticType": "sum",
          "onStatisticField": "Number_of",
          "outStatisticFieldName": "Number_of_SUM"
        }]
      },
      "join": "Type"
    },
    {
      "url": "https://services.arcgis.com/uDTUpUPbk8X8mXwl/arcgis/rest/services/Public_Schools_in_Onondaga_County/FeatureServer/0",
      "name": "Fayetteville",
      "query": {
        "where": "City='Fayetteville'",
        "orderByFields": "Number_of_SUM DESC",
        "groupByFieldsForStatistics": "Type",
        "outStatistics": [{
          "statisticType": "sum",
          "onStatisticField": "Number_of",
          "outStatisticFieldName": "Number_of_SUM"
        }]
      },
      "join": "Type"
    }
  ],
  "series": [
    {
      "category": {"field": "Type", "label": "Type"},
      "value": { "field": "Number_of_SUM", "label": "Jordan Students"},
      "source": "Jordan"
    },
    {
      "category": {"field": "Type", "label": "Type"},
      "value": { "field": "Number_of_SUM", "label": "Dewitt Students"},
      "source": "Dewitt"
    },
    {
      "category": {"field": "Type", "label": "Type"},
      "value": { "field": "Number_of_SUM", "label": "Fayetteville Students"},
      "source": "Fayetteville"
    }
  ]
}

散布図チャート:

{
  "type": "bar",
  "datasets": [
    {
      "url": "https://services.arcgis.com/uDTUpUPbk8X8mXwl/arcgis/rest/services/Public_Schools_in_Onondaga_County/FeatureServer/0",
      "name": "Jordan",
      "query": {
        "where": "City='Jordan'",
        "orderByFields": "Number_of_SUM DESC",
        "groupByFieldsForStatistics": "Type",
        "outStatistics": [{
          "statisticType": "sum",
          "onStatisticField": "Number_of",
          "outStatisticFieldName": "Number_of_SUM"
        }]
      },
      "join": "Type"
    },
    {
      "url": "https://services.arcgis.com/uDTUpUPbk8X8mXwl/arcgis/rest/services/Public_Schools_in_Onondaga_County/FeatureServer/0",
      "name": "Dewitt",
      "query": {
        "where": "City='Dewitt'",
        "orderByFields": "Number_of_SUM DESC",
        "groupByFieldsForStatistics": "Type",
        "outStatistics": [{
          "statisticType": "sum",
          "onStatisticField": "Number_of",
          "outStatisticFieldName": "Number_of_SUM"
        }]
      },
      "join": "Type"
    },
    {
      "url": "https://services.arcgis.com/uDTUpUPbk8X8mXwl/arcgis/rest/services/Public_Schools_in_Onondaga_County/FeatureServer/0",
      "name": "Fayetteville",
      "query": {
        "where": "City='Fayetteville'",
        "orderByFields": "Number_of_SUM DESC",
        "groupByFieldsForStatistics": "Type",
        "outStatistics": [{
          "statisticType": "sum",
          "onStatisticField": "Number_of",
          "outStatisticFieldName": "Number_of_SUM"
        }]
      },
      "join": "Type"
    }
  ],
  "series": [
    {
      "category": {"field": "Type", "label": "Type"},
      "value": { "field": "Number_of_SUM", "label": "Jordan Students"},
      "source": "Jordan"
    },
    {
      "category": {"field": "Type", "label": "Type"},
      "value": { "field": "Number_of_SUM", "label": "Dewitt Students"},
      "source": "Dewitt"
    },
    {
      "category": {"field": "Type", "label": "Type"},
      "value": { "field": "Number_of_SUM", "label": "Fayetteville Students"},
      "source": "Fayetteville"
    }
  ]
}

タイムラインチャート

注意: カテゴリは日時フィールドである必要があります。

{
  "type": "bar",
  "datasets": [
    {
      "url": "https://services.arcgis.com/uDTUpUPbk8X8mXwl/arcgis/rest/services/Public_Schools_in_Onondaga_County/FeatureServer/0",
      "name": "Jordan",
      "query": {
        "where": "City='Jordan'",
        "orderByFields": "Number_of_SUM DESC",
        "groupByFieldsForStatistics": "Type",
        "outStatistics": [{
          "statisticType": "sum",
          "onStatisticField": "Number_of",
          "outStatisticFieldName": "Number_of_SUM"
        }]
      },
      "join": "Type"
    },
    {
      "url": "https://services.arcgis.com/uDTUpUPbk8X8mXwl/arcgis/rest/services/Public_Schools_in_Onondaga_County/FeatureServer/0",
      "name": "Dewitt",
      "query": {
        "where": "City='Dewitt'",
        "orderByFields": "Number_of_SUM DESC",
        "groupByFieldsForStatistics": "Type",
        "outStatistics": [{
          "statisticType": "sum",
          "onStatisticField": "Number_of",
          "outStatisticFieldName": "Number_of_SUM"
        }]
      },
      "join": "Type"
    },
    {
      "url": "https://services.arcgis.com/uDTUpUPbk8X8mXwl/arcgis/rest/services/Public_Schools_in_Onondaga_County/FeatureServer/0",
      "name": "Fayetteville",
      "query": {
        "where": "City='Fayetteville'",
        "orderByFields": "Number_of_SUM DESC",
        "groupByFieldsForStatistics": "Type",
        "outStatistics": [{
          "statisticType": "sum",
          "onStatisticField": "Number_of",
          "outStatisticFieldName": "Number_of_SUM"
        }]
      },
      "join": "Type"
    }
  ],
  "series": [
    {
      "category": {"field": "Type", "label": "Type"},
      "value": { "field": "Number_of_SUM", "label": "Jordan Students"},
      "source": "Jordan"
    },
    {
      "category": {"field": "Type", "label": "Type"},
      "value": { "field": "Number_of_SUM", "label": "Dewitt Students"},
      "source": "Dewitt"
    },
    {
      "category": {"field": "Type", "label": "Type"},
      "value": { "field": "Number_of_SUM", "label": "Fayetteville Students"},
      "source": "Fayetteville"
    }
  ]
}

統計情報のサマリーカード

統計情報のサマリーを使用して、主要業績評価指標などの一目でわかるデータを提供します。統計情報のサマリーは、データセットクエリから生成され、データセットが更新されると自動的に更新されます。

[統計情報のサマリー] ウィジェットを既存の行にドラッグします。
ウィジェットにマウスポインターを合わせて、歯車アイコンをクリックし、編集モードに切り替えます。
[(+) データの追加] をクリックして、選択するデータサービスを検索するためのアイテムピッカーを起動します。
[統計フィールド] を選択して、選択されたサービスからフィールドを選択します。このフィールドをその後の手順で使用します。
[統計の種類] を選択して、選択されたフィールドに実行する操作の種類を選択します。
- テキストフィールドと日付フィールドの場合 - 個数、最小、最大から選択します。
- 数値フィールドの場合 - 個数、合計、最小、最大、平均標準偏差、分散から選択します。
必要に応じて、フィルターを統計に追加します。
1. フィルターに使用する属性を選択します。
2. [追加] を選択します。
3. 新しい属性ボックスを選択して、フィルター入力を表示します。入力ボックスは、フィールドタイプに応じて異なります。
4. 必要なフィルターを入力します。
5. フィルターボックスの外側をクリックするか、キーボードの Enter キーを押します。
[タイトル] を入力します。
必要に応じて、[末尾のテキスト] を入力し、統計自体の [強調職] を変更します。

ギャラリーカード

ギャラリーカードを使用すると、サイトに Web マッピングアプリケーションと Web マップコンテンツを掲載できます。ギャラリーカードは、組織グループからアプリケーションと Web マップを自動的に取得します。組織または特定のグループにアプリケーションとマップコンテンツを追加すると、レイアウトを編集しなくても、新しいアプリケーションタイルがサイトに表示されます。

[ギャラリーカード] ウィジェットを既存の行にドラッグします。
ウィジェットにマウスポインターを合わせて、歯車アイコンをクリックし、編集モードに切り替えます。
いくつかのオプションが左側に表示されます。[アプリ] をクリックすると、ギャラリーカードに返される組織内のアプリケーションがすべて表示されます。[データセット] をクリックすると、ギャラリーカードに返される組織内のデータセットがすべて表示されます。[サイト] をクリックすると、ギャラリーカードに返される組織内のサイトがすべて表示されます。
[表示されるカード数] (最大数は 16) の数を調整して表示を変更します。
必要に応じて、[表示のみ] セクションで [グループ] を選択して、アプリケーションのフィルタリングに必要なグループを選択します。
[タグ] に、クエリを制限するタグを追加します。そのタグに一致するアイテムだけがギャラリーカードに表示されます。
[スタイル] で、[アイコンの使用] または [サムネイルの使用] を選択して、ギャラリーカードが持つスタイルを決定します。
[ボタンのテキスト] を変更して、ボタンを制御します。デフォルトのテキストは explore です。

フッター設定

サイトエディターのデフォルトには、フッターがありません。サイトのすべてのページに永続的なフッターがあるようにするには、カスタムフッターを作成する必要があります。

[フッター設定] で、[カスタム] を選択します。
デフォルトのフッターがページに表示され、CSS ボックスがサイドパネルに表示されます。
フッターの右下にある歯車アイコンをクリックして、HTML を編集します。
歯車アイコンをもう一度クリックして、変更を表示します。
サイドパネルの CSS ボックスを修正し、[変更を適用] をクリックして HTML への効果を確認します。

ヒント:

フッター HTML は、埋め込み JavaScript をサポートしていません。スクリプトタグは無視されます。

マークダウンの使用

テキストウィジェットでマークダウンを使用すると、サイト上のテキストをカスタマイズできます。

マークダウンのクイックシート


属性	構文
ヘッダー	# レベル 1 のヘッダーのテキスト (最大) ## レベル 2 のヘッダーのテキスト ###### レベル 6 のヘッダーのテキスト (最小)
斜体	これは斜体 (_italic text_) です。
太字	これは太字です。
斜体と太字の組み合わせ	斜体と太字の組み合わせ
次のアドレスを持つリンク	http://www.esri.com 注意: URL の先頭にプロトコル (HTTP または HTTPS) を付けてください
次のアドレスを持たないリンク	[ハイパーリンクテキスト] (http://www.esri.com) 注意: URL の先頭にプロトコル (HTTP または HTTPS) を付けてください
箇条書き	* 箇条書きリストの先頭 * 箇条書きリストの 2 番目
番号順リスト	1. 番号順リストの先頭 1. 番号順リストの 2 番目
画像の挿入	<img src="HTTP または HTTPS を含む画像ソースの URL"> 注意: Enterprise ポータルに画像がある場合、"../images/my-amazing-image" のような相対 URL を利用することもできます。
ハイパーリンクを持つ画像の挿入	<a href="HTTP または HTTPS を含むリンク URL"><img src="HTTP または HTTPS を含む画像ソースの URL"></a>

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

概要

[ヘッダー] 設定

注意:

注意:

テーマ ビルダー

ヒント:

レイアウト ビルダー

行

バナー カード

画像カード

テキスト カード

注意:

カテゴリ カード

ヒント:

連絡先情報カード

Iframe カード

注意:

ヒント:

チャート カード

バー チャート

パイ チャート

JSON チャート

JSON 仕様

統計情報のサマリー カード

ギャラリー カード

フッター設定

ヒント:

マークダウンの使用

マークダウンのクイック シート

注意:

注意:

注意:

このトピックの内容

テーマビルダー

レイアウトビルダー

バナーカード

テキストカード

カテゴリカード

チャートカード

バーチャート

パイチャート

統計情報のサマリーカード

ギャラリーカード

マークダウンのクイックシート