チャート、テーブル、および要約統計量を使用して、データの視覚化を行います。このような種類の視覚化は、主要な統計情報と傾向を表示するのに役立ちます。コア チーム メンバーは、プライベート データセットとパブリック データセットを使用してデータを視覚化できます。サイトまたはページにサイン インすると、データが共有されているユーザーのみがチャートまたは統計情報を表示できます。
操作を開始するには、Portal for ArcGIS にサイン インし、[概要] ページの [サイト] をクリックしてサイトのリストを表示します。
ヒント:
サイトをブラウザーで表示しているときに編集することもできます。サイン インしていて、サイトの左側に編集ボタンが表示されていることを確認してください。
テーブルの作成
[テキスト] カードを使用して、テーブル内の情報を整理します。
ヒント:
HTML を使用してテーブルを作成する場合は、テキスト カード オプションの [コード ビュー] を使用してコードを挿入します。
- [テキスト] カードを既存の行にドラッグします。
- カードにポインターを合わせて、設定ボタンをクリックし、編集モードに切り替えます。
- テーブル オプションをクリックします。
- 各行と列に配置するセルの数を選択します。
- テーブルのサイズを選択した後、クリックしてテーブルを挿入します。行や列を追加または削除するには、セルの内部をクリックして、行または列の挿入または削除ボタンを選択します。テーブル全体を削除するには、削除ボタンをクリックします。
ヒント:
ヘッダーを追加するには、テーブルの一番上の行をクリックして、[テーブル ヘッダーの切り替え] ボタンをクリックします。ヘッダーによって、補助テクノロジを使用するユーザーがテーブルのコンテンツ間を移動しやすくなります。
- [保存] をクリックします。
主要なメトリクスの表示
[統計情報のサマリー] カードを使用すると、主要業績評価指標 (KPI) などを表示できます。統計情報のサマリーは、データセット クエリから生成され、データセットが更新されると自動的に更新されます。統計情報のサマリーが共有されているユーザーのみが統計情報を表示できます。
- [統計情報のサマリー] カードを既存の行にドラッグします。
- カードにポインターを合わせて、設定ボタンをクリックし、編集モードに切り替えます。
- [データの追加] をクリックして、データセットを選択します。サイトを編集するときに、統計情報の下にあるソースのリンクが、データセットのプレビュー ページのアイテム詳細ページにリンクされます。
- [統計フィールド] には、選択されたデータセットからフィールドを選択します。
- [統計の種類] には、選択されたフィールドに実行する操作の種類を選択します。
- テキスト フィールドと日付フィールドの場合 - 個数、最小、最大から選択します。
- 数値フィールドの場合 - 個数、合計、最小、最大、平均標準偏差、分散から選択します。
- 必要に応じて、[属性の選択] ドロップダウン メニューから属性を選択して、フィルターを統計に追加します。
- フィルターに使用する属性を選択します。
- [追加] をクリックします。
- 新しい属性ボックスを選択して、フィルター入力を表示します。入力ボックスは、フィールド タイプに応じて異なります。
- 必要なフィルターを入力します。
- フィルター ボックスの外側をクリックするか、Enter キーを押します。
- [タイトル] テキスト ボックスにタイトルを入力します。
- 必要に応じて、[末尾のテキスト] にテキストを入力して統計のデータセットへのリンクを指定し、テキストの [強調色] を変更します。
ヒント:
末尾のテキストを表示する場合、そのテキストが行の背景色と対照的な色であることを確認します。 - [保存] をクリックします。
統計の外観のカスタマイズ
[統計情報のサマリー] カードを使用して、メトリクスの外観をカスタマイズできます。
- [統計情報のサマリー] カードを構成した後に、サイト パネルの [統計情報の設定] の下にある [表示設定] メニューをクリックします。
- 必要に応じて、統計情報の [タイトル] の挿入を選択します。このオプションを使用すると、統計の計測内容を明確に定義できます。
- [末尾のテキスト] フィールドにテキストを追加して、ソースや構成に関連する詳細情報など、統計に関する追加情報を入力します。
ヒント:
タイトルと末尾のテキストの違い - [強調色] を調整すると、メトリクスの色のみが変化します。行の背景色と明確に対照的な色を選択します。
バー チャート
- [チャート] カードを既存の行にドラッグします。
- カードにポインターを合わせて、設定ボタンをクリックし、編集モードに切り替えます。
- デフォルトでは、[バー チャート] が選択されます。
- [データの追加] をクリックします。
- 使用できるデータ サービスからアイテムを選択します。
- [カテゴリ属性の選択] には、データから主要なチャート アイテムを選択します。
チャートでは数値フィールドおよび文字列フィールドが使用できます。デフォルトでは、カテゴリ属性を選択すると、作成されるチャートはこの属性の数になります。
- 必要に応じて、[値属性の選択] から、カテゴリ属性の値 (メートル) となる数値フィールドを選択します。選択すると、このフィールドのデフォルトの統計操作は、[合計値] となります。[統計操作] 設定を変更するには、[値属性の選択] の右にあるドロップダウン メニューを使用します。値属性では、[最小値]、[最大値]、[合計値]、[平均値]、[個数] がサポートされています。[個数] を選択すると、値属性は選択されません (カテゴリ属性をカウントするための追加フィールドは必要ないためです)。
チャートでは数値フィールドおよび文字列フィールドが使用できます。デフォルトでは、カテゴリ属性を選択すると、作成されるチャートはこの属性の数になります。
- [オプション] メニューをクリックし、以下の設定を使用してチャートの表示をカスタマイズします。
- [並べ替え] オプションを使用して、属性データの表示方法を選択できます。属性を選択してから、その属性の横にある並べ替えボタンをクリックして、昇順または降順でデータを表示します。
- [高さ (px)] テキスト フィールドで、チャートの高さの値 (ピクセル) を設定します。
- [チャートのタイトル] の横にある切り替えボタンをクリックして、チャートのタイトルを表示することを選択します。タイトルを表示する場合、表示されたテキスト フィールドに名前を入力し、文字の向きを選択します。
- カラー コードを入力して [プライマリ チャートの色] を設定するか、カラー パレットをクリックして色を選択します。
- [カテゴリ ラベル] および [値ラベル] フィールドにテキストを入力します。
- [保存] をクリックします。
パイ チャート
- [チャート] カードを既存の行にドラッグします。
- カードにポインターを合わせて、設定ボタンをクリックし、編集モードに切り替えます。
- 円形のパイ チャート ボタンをクリックして、パイ チャートを選択します。
- [データの追加] をクリックします。
- 使用できるデータ サービスからアイテムを選択します。
- [カテゴリ属性の選択] には、データから主要なチャート アイテムを選択します。
チャートでは数値フィールドおよび文字列フィールドが使用できます。デフォルトでは、カテゴリ属性を選択すると、作成されるチャートはこの属性の数になります。
- 必要に応じて、[値属性の選択] から、カテゴリ属性の値 (メートル) となる数値フィールドを選択します。選択すると、このフィールドのデフォルトの統計操作は、[合計値] となります。[統計操作] 設定を変更するには、[値属性の選択] の右にあるドロップダウン矢印をクリックします。値属性では、[最小値]、[最大値]、[合計値]、[平均値]、[個数] がサポートされています。[個数] を選択すると、値属性は選択されません (カテゴリ属性をカウントするための追加フィールドは必要ないためです)。
チャートでは数値フィールドおよび文字列フィールドが使用できます。デフォルトでは、カテゴリ属性を選択すると、作成されるチャートはこの属性の数になります。
- [オプション] メニューをクリックし、以下の設定を使用してチャートの表示をカスタマイズします。
- [並べ替え] オプションを使用して、属性データの表示方法を選択できます。属性を選択してから、その属性の横にある並べ替えボタンをクリックして、昇順または降順でデータを表示します。
- [高さ (px)] テキスト フィールドで、チャートの高さの値 (ピクセル) を設定します。
- [チャートのタイトル] の横にある切り替えボタンをクリックして、チャートのタイトルを表示することを選択します。タイトルを表示する場合、表示されたテキスト フィールドに名前を入力し、文字の向きを選択します。
- ツールチップ内の各パイ ウェッジのラベルの [カテゴリ ラベル] テキストおよびツールチップ内のメートルのラベルの [値ラベル] テキストを設定します。
- [保存] をクリックします。
ライン チャート
- [チャート] カードを既存の行にドラッグします。
- カードにポインターを合わせて、設定ボタンをクリックし、編集モードに切り替えます。
- ライン チャート ボタンをクリックして、ライン チャートを選択します。
- [データの追加] をクリックします。
- 使用できるデータ サービスからアイテムを選択します。
- [カテゴリ属性の選択] には、データから主要なチャート アイテムを選択します。
チャートでは数値フィールドおよび文字列フィールドが使用できます。デフォルトでは、カテゴリ属性を選択すると、作成されるチャートはこの属性の数になります。
- 必要に応じて、[値属性の選択] から、カテゴリ属性の値 (メートル) となる数値フィールドを選択します。選択すると、このフィールドのデフォルトの統計操作は、[合計値] となります。[統計操作] 設定を変更するには、[値属性の選択] の右にあるドロップダウン矢印をクリックします。値属性では、[最小値]、[最大値]、[合計値]、[平均値]、[個数] がサポートされています。[個数] を選択すると、値属性は選択されません (カテゴリ属性をカウントするための追加フィールドは必要ないためです)。
チャートでは数値フィールドおよび文字列フィールドが使用できます。デフォルトでは、カテゴリ属性を選択すると、作成されるチャートはこの属性の数になります。
- [オプション] メニューをクリックし、以下の設定を使用してチャートの表示をカスタマイズします。
- [並べ替え] オプションを使用して、属性データの表示方法を選択できます。属性を選択してから、その属性の横にある並べ替えボタンをクリックして、昇順または降順でデータを表示します。
- [高さ (px)] テキスト フィールドで、チャートの高さの値 (ピクセル) を設定します。
- [チャートのタイトル] の横にある切り替えボタンをクリックして、チャートのタイトルを表示することを選択します。タイトルを表示する場合、表示されたテキスト フィールドに名前を入力し、文字の向きを選択します。
- カラー コードを入力して [プライマリ チャートの色] を設定するか、カラー パレットをクリックして色を選択します。
- ツールチップ内の各ポイントのラベルの [カテゴリ ラベル] テキストおよびツールチップ内のメートルのラベルの [値ラベル] テキストを設定します。
- [保存] をクリックします。
散布図
- [チャート] カードを既存の行にドラッグします。
- カードにポインターを合わせて、設定ボタンをクリックし、編集モードに切り替えます。
- 散布図ボタンをクリックして、ライン チャートを選択します。
- [データの追加] をクリックします。
- 使用できるデータ サービスからアイテムを選択します。
- [X 軸属性の選択] には、データから主要なチャート アイテムを選択します。
チャートでは数値フィールドおよび文字列フィールドが使用できます。デフォルトでは、カテゴリ属性を選択すると、作成されるチャートはこの属性の数になります。
- [Y 軸属性の選択] フィールドで属性を選択します。カテゴリ属性の値 (メートル) となる数値フィールドを選択します。
チャートでは数値フィールドおよび文字列フィールドが使用できます。デフォルトでは、カテゴリ属性を選択すると、作成されるチャートはこの属性の数になります。
- [オプション] メニューをクリックし、以下の設定を使用してチャートの表示をカスタマイズします。
- [並べ替え] オプションを使用して、属性データの表示方法を選択できます。属性を選択してから、その属性の横にある並べ替えボタンをクリックして、昇順または降順でデータを表示します。
- [高さ (px)] テキスト フィールドで、チャートの高さの値 (ピクセル) を設定します。
- [チャートのタイトル] の横にある切り替えボタンをクリックして、チャートのタイトルを表示することを選択します。タイトルを表示する場合、表示されたテキスト フィールドに名前を入力し、文字の向きを選択します。
- カラー コードを入力して [プライマリ チャートの色] を設定するか、カラー パレットをクリックして色を選択します。
- [X 軸ラベル] および [Y 軸ラベル] を、チャートに表示するように設定します。
- [保存] をクリックします。
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"
}
]
}