Создание визуализации данных с использованием диаграмм, таблиц и суммарной статистики. Эти типы визуализаций применяются для отображения ключевых статистических данных и тенденций. Участники основной команды могут создавать визуализации данных, используя частные и общедоступные наборы данных. Только пользователи, для которых опубликованы данные, могут просматривать диаграмму или статистику после входа на сайт или страницу.
Для начала работы войдите в Portal for ArcGIS и щелкните Сайты на странице Обзор, чтобы увидеть список своих сайтов.
Подсказка:
Вы также можете редактировать сайт при просмотре в браузере. Убедитесь, что вы вошли в систему и найдите кнопку редактирования слева от вашего сайта.
Создать таблицу
Организуйте информацию в таблице, используя карточку Текст.
Подсказка:
Если вы хотите создать таблицу с использованием HTML, используйте представление кода в параметрах текстовой карточки, чтобы вставить код.
- Перетащите карточку Баннер в имеющуюся строку.
- Наведите курсор на карточку и щелкните кнопку настроек, чтобы перейти в режим редактирования.
- Нажмите опцию таблицы.
- Выберите число ячеек, необходимых для столбцов и строк.
- После определения размера вашей таблицы, щелкните, чтобы добавить её. Добавьте или удалите строки или столбцы, щелкая внутри ячейки и нажимая кнопки вставки или удаления строк или столбцов. Щелкните кнопку удаления, чтобы удалить таблицу полностью.
Подсказка:
Чтобы добавить заголовок, щелкните верхнюю строку вашей таблицы и нажмите кнопку Переключить заголовок таблицы. Заголовки упрощают работу с содержимым таблицы тем, кто использует вспомогательные методы для работы с таблицами.
- Щелкните Сохранить.
Показать ключевые показатели
Используйте карточку Суммарная статистика для отображения ключевых индикаторов производительности и др. Суммарная статистика генерируется из запроса к набору данных и автоматически обновляется по мере обновления набора данных. Только пользователи, для которых опубликована суммарная статистика, могут просматривать ее.
- Перетащите карточку Суммарная статистика в имеющуюся строку.
- Наведите курсор на карточку и щелкните кнопку настроек, чтобы перейти в режим редактирования.
- Щелкните Добавить данные и выберите набор данных. При изменении сайта ссылка на источник под статистикой будет вести на страницу деталей элемента для страницы предпросмотра набора данных.
- Для параметра Поле статистики укажите поле из выбранного набора данных.
- Выберите
Тип статистики, чтобы выбрать тип операции, которая будет выполняться на выбранном поле.
- Для текстовых полей и полей дат выберите между количеством, минимумом и максимумом.
- Для числовых полей выберите между количеством, суммой, минимумом, максимумом, средним отклонением и дисперсией.
- Дополнительно добавьте фильтр к вашей статистике, выбрав атрибут из ниспадающего меню Выбрать атрибут.
- Выберите атрибут, используемый как фильтр.
- Нажмите Добавить.
- Выберите новое атрибутивное поле, чтобы показать ввод фильтра. Входное поле может отличаться, в зависимости от типа поля.
- Введите подходящий фильтр.
- Щелкните за пределами поля фильтра или нажмите Enter.
- Введите заголовок окне ввода текста Заголовок.
- Дополнительно введите текст в поле Завершающий текст, чтобы ввести ссылку на набор данных статистики, и измените Цвет акцентов для текста.
Подсказка:
Если вы выбрали отображение завершающего текста, убедитесь, что цвет текста контрастирует с фоновым цветом строки. - Щелкните Сохранить.
Настройка статического отображения
Вы можете настроить отображение метрик, используя карточку Суммарная статистика.
- После настройки карточки Суммарная статистика, щелкните меню Внешний вид в разделе Настройки статистики на боковой панели.
- Дополнительно выберите вставку Заголовка статистики. Вы можете использовать эту опцию для точного обозначения статистических параметров.
- Добавьте текст в поле Завершающий текст, чтобы представить дополнительные сведения о статистике, такие как подробные сведения об источнике и настройках.
Подсказка:
Отличие Заголовка и Завершающего текста - Настройка Акцентный цвет приводит только к изменению цвета метрики. Выберите цвет, который контрастирует с фоновым цветом строки.
Линейные диаграммы
- Перетащите карточку Диаграмма в имеющуюся строку.
- Наведите курсор на карточку и щелкните кнопку настроек, чтобы перейти в режим редактирования.
- Линейчатая диаграмма является выбором по умолчанию.
- Нажмите кнопку Добавить данные.
- Выберите элемент в доступных сервисах данных.
- Нажмите Выбрать атрибут категории, чтобы выбрать из данных первичный элемент диаграммы.
В диаграммах могут использоваться числовые и строковые поля. По умолчанию, при выборе атрибута категории итоговая диаграмма будет учитывать этот атрибут.
- Дополнительно Выберите атрибут значений, чтобы выбрать числовое поле, которое будет служить метрикой значений для атрибута категории. Когда выбор будет сделан, статистической операцией в этом поле будет сумма. Вы можете изменить настройки Статистической операции, используя ниспадающее меню справа от переключателя Выбрать атрибут значений. Атрибут значений поддерживает значения Мин., Макс., Сумма, Среднее и Число. Когда выбрано Число, атрибут значения отменяется (потому что нет необходимости в дополнительном поле для указания атрибута категории).
В диаграммах могут использоваться числовые и строковые поля. По умолчанию, при выборе атрибута категории итоговая диаграмма будет учитывать этот атрибут.
- Нажмите меню Опции, чтобы настроить отображении диаграммы с помощью следующих настроек:
- Опция Сортировка позволяет выбрать, какие атрибутивные данные будут показаны. Выберите атрибут и , затем щелкните на кнопку сортировки рядом с атрибутом, чтобы показать данные по возрастанию или убыванию.
- Задайте значение высоты (в пикселах) для диаграммы в текстовом поле Высота (пикс).
- Чтобы показать заголовок диаграммы, щелкните кнопку переключателя Заголовок диаграммы. При показе заголовка введите его имя в текстовом поле и выберите способ выравнивания.
- Настройте Основной цвет диаграммы, указав цветовой код , или выбрав его на палитре.
- Введите текст для полей Подпись категории и Подпись значения.
- Щелкните Сохранить.
Круговые диаграммы
- Перетащите карточку Диаграмма в имеющуюся строку.
- Наведите курсор на карточку и щелкните кнопку настроек, чтобы перейти в режим редактирования.
- Выберите круговую диаграмму, щелкнув соответствующую кнопку.
- Нажмите кнопку Добавить данные.
- Выберите элемент в доступных сервисах данных.
- Нажмите Выбрать атрибут категории, чтобы выбрать из данных первичный элемент диаграммы.
В диаграммах могут использоваться числовые и строковые поля. По умолчанию, при выборе атрибута категории итоговая диаграмма будет учитывать этот атрибут.
- Дополнительно Выберите атрибут значений, чтобы выбрать числовое поле, которое будет служить метрикой значений для атрибута категории. Когда выбор будет сделан, статистической операцией в этом поле будет сумма. Вы можете изменить Статистическую операцию, используя ниспадающий список справа от переключателя Выбрать атрибут значений. Атрибут значений поддерживает значения Мин., Макс., Сумма, Среднее и Число. Когда выбрано Число, атрибут значения отменяется (потому что нет необходимости в дополнительном поле для указания атрибута категории).
В диаграммах могут использоваться числовые и строковые поля. По умолчанию, при выборе атрибута категории итоговая диаграмма будет учитывать этот атрибут.
- Нажмите меню Опции, чтобы настроить отображении диаграммы с помощью следующих настроек:
- Опция Сортировка позволяет выбрать, какие атрибутивные данные будут показаны. Выберите атрибут и , затем щелкните на кнопку сортировки рядом с атрибутом, чтобы показать данные по возрастанию или убыванию.
- Задайте значение высоты (в пикселах) для диаграммы в текстовом поле Высота (пикс).
- Чтобы показать заголовок диаграммы, щелкните кнопку переключателя Заголовок диаграммы. При показе заголовка введите его имя в текстовом поле и выберите способ выравнивания.
- Настройте текст Подписи категории для надписывания каждого сектора в виде подсказки и текст Подписи значения для надписывания единиц изменения в подсказке.
- Щелкните Сохранить.
Линейная диаграмма
- Перетащите карточку Диаграмма в имеющуюся строку.
- Наведите курсор на карточку и щелкните кнопку настроек, чтобы перейти в режим редактирования.
- Выберите линейную диаграмму, щелкнув соответствующую кнопку.
- Нажмите кнопку Добавить данные.
- Выберите элемент в доступных сервисах данных.
- Нажмите Выбрать атрибут категории, чтобы выбрать из данных первичный элемент диаграммы.
В диаграммах могут использоваться числовые и строковые поля. По умолчанию, при выборе атрибута категории итоговая диаграмма будет учитывать этот атрибут.
- Дополнительно Выберите атрибут значений, чтобы выбрать числовое поле, которое будет служить метрикой значений для атрибута категории. Когда выбор будет сделан, статистической операцией в этом поле будет сумма. Вы можете изменить Статистическую операцию, используя ниспадающий список справа от переключателя Выбрать атрибут значений. Атрибут значений поддерживает значения Мин., Макс., Сумма, Среднее и Число. Когда выбрано Число, атрибут значения отменяется (потому что нет необходимости в дополнительном поле для указания атрибута категории).
В диаграммах могут использоваться числовые и строковые поля. По умолчанию, при выборе атрибута категории итоговая диаграмма будет учитывать этот атрибут.
- Нажмите меню Опции, чтобы настроить отображении диаграммы с помощью следующих настроек:
- Опция Сортировка позволяет выбрать, какие атрибутивные данные будут показаны. Выберите атрибут и , затем щелкните на кнопку сортировки рядом с атрибутом, чтобы показать данные по возрастанию или убыванию.
- Задайте значение высоты (в пикселах) для диаграммы в текстовом поле Высота (пикс).
- Чтобы показать заголовок диаграммы, щелкните кнопку переключателя Заголовок диаграммы. При показе заголовка введите его имя в текстовом поле и выберите способ выравнивания.
- Настройте Основной цвет диаграммы, указав цветовой код , или выбрав его на палитре.
- Настройте текст Подписи категории для надписывания каждого точки в виде подсказки и текст Подписи значения для надписывания единиц изменения в подсказке .
- Щелкните Сохранить.
Диаграммы рассеивания
- Перетащите карточку Диаграмма в имеющуюся строку.
- Наведите курсор на карточку и щелкните кнопку настроек, чтобы перейти в режим редактирования.
- Выберите точечную диаграмму, щелкнув соответствующую кнопку.
- Нажмите кнопку Добавить данные.
- Выберите элемент в доступных сервисах данных.
- Нажмите Выбрать атрибут оси Х, чтобы выбрать из данных первичный элемент диаграммы.
В диаграммах могут использоваться числовые и строковые поля. По умолчанию, при выборе атрибута категории итоговая диаграмма будет учитывать этот атрибут.
- Выберите атрибут для поля Выберите атрибут оси Y. Выберите числовое поле, которое будет служить метрикой значений для атрибута категории.
В диаграммах могут использоваться числовые и строковые поля. По умолчанию, при выборе атрибута категории итоговая диаграмма будет учитывать этот атрибут.
- Нажмите меню Опции, чтобы настроить отображении диаграммы с помощью следующих настроек:
- Опция Сортировка позволяет выбрать, какие атрибутивные данные будут показаны. Выберите атрибут и , затем щелкните на кнопку сортировки рядом с атрибутом, чтобы показать данные по возрастанию или убыванию.
- Задайте значение высоты (в пикселах) для диаграммы в текстовом поле Высота (пикс).
- Чтобы показать заголовок диаграммы, щелкните кнопку переключателя Заголовок диаграммы. При показе заголовка введите его имя в текстовом поле и выберите способ выравнивания.
- Настройте Основной цвет диаграммы, указав цветовой код , или выбрав его на палитре.
- Настройте подписи для Подпись оси X и Подпись оси Y, чтобы они показывались в диаграмме.
- Щелкните Сохранить.
Диаграммы JSON
Пользовательские диаграммы создаются с помощью JSON со специальными спецификациями диаграмм.
- Перетащите карточку Диаграмма в имеющуюся строку.
- Наведите курсор на карточку и щелкните кнопку настроек, чтобы перейти в режим редактирования.
- Выберите заголовок JSON.
- Введите JSON в поле Спецификация диаграммы JSON.
- Дополнительно, в разделе Опции можно включить/отключить или настроить Заголовок диаграммы и Высоту (в пикселах).
- Щелкните Сохранить.
Наборы данных
Массив наборов данных задает URL-адрес сервиса объектов ArcGIS и параметры запроса. Обратитесь к документации REST API, чтобы больше узнать о параметрах запроса.
{ "datasets": [ { "url": "SampleArcGISFeatureService_URL", "name" : "Number_of_SUM",
"query": { "groupByFieldsForStatistics": "Zip", "outStatistics": [{
"statisticType": "sum", "onStatisticField": "Number_of",
"outStatisticFieldName": "Number_of_SUM" }] } } ]
}
Series
Массив серий позволяет задавать соответствие между полями ответа сервиса и визуальными аспектами диаграммы (оси 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"
}
]
}
Пример диаграммы временной шкалы
Примечание:
Категорией должно быть поле datetime.{
"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"
}
]
}