Skip To Content

Создание компоновки сайта

После настройки сайта и добавления данных можно настроить компоновку главной страницы, а также верхний и нижний колонтитулы. Все это можно сделать на вкладке Редактор сайта С помощью этой вкладки можно настроить внешний вид сайта, используя встроенный редактор, markdown или собственный HTML.

Обзорное изображение

Редактор сайта является полностраничным редактором, содержащий шаблоны сайтов, которые можно изменить в соответствии с вашими пожеланиями и данными, или удалить и создать сайт с нуля. Наводите курсор на элементы страницы, чтобы перемещать, менять размер, редактировать или удалять элементы, или щелкните значок шестеренки в верхнем левом углу, чтобы открыть боковую панель редактора.

Настройки заголовка

Заголовок сайта можно создать двумя способами: используя URL-адрес логотипа и название сайта (простой), или с помощью пользовательского HTML и CSS (расширенный).

    Простой способ
  1. Выберите Использовать логотип и заголовок сайта.
  2. Введите заголовок в разделе Заголовок сайта.
  3. Введите изображение в разделе URL-адрес логотипа. Изображения будут масштабированы до высоты в 50 пикселей.
    Расширенный способ
  1. Выберите Использовать пользовательский HTML/CSS.

    На странице появится заголовок по умолчанию, а на боковой странице откроется панель CSS.

  2. Щелкните значок шестеренки в правом верхнем углу заголовка, чтобы отредактировать HTML.
  3. Снова щелкните значок шестеренки, чтобы увидеть изменения.
  4. Измените CSS на боковой панели и щелкните Применить изменения, чтобы увидеть эффекты HTML.
Внимание:

Заголовок HTML не поддерживает встроенный JavaScript. Теги скриптов будут игнорироваться.

Примечание:

Области Мои данные и Вход не могут быть отредактированы или удалены, чтобы не нарушить работоспособность сайта.

Компоновщик тем

Определите тему сайта, используя следующие цветовые опции:

  • Цвет фона заголовка - действует на заголовок.
  • Цвет текста заголовка - действует на текст заголовка.
  • Цвет фона - действует на цвет прозрачных строк начальной страницы и на цвет фона результатов поиска и страниц наборов данных.
  • Цвет текста - действует на цвет текста по всему сайту.
  • Цвет ссылки - действует на цвет ссылок и кнопок по всему сайту, включая цвет при наведении курсора.

Подсказка:

Цвет текста также можно изменить по строкам.

Конструктор компоновок

Основная компоновка страницы организована в строки и виджеты. Виджет должен быть размещен в строке. Не существует ограничения по числу виджетов в строке. Чтобы отредактировать любую карточку, щелкните значок шестеренки. Чтобы удалить любую карточку, щелкните значок корзины.

Строка

Используйте строки для создания общей компоновки и размещения виджетов.

  1. Перетащите строку с боковой панели на страницу.

    На странице появятся маркеры.

  2. Наведите курсор на строку и справа от нее появятся три символа: стрелки для перемещения строки по странице, значок шестеренки для редактирования и значок x для удаления строки.
  3. Щелкните значок шестеренки, чтобы перейти в режим редактирования.
  4. Выберите цвет текста данной строки.
  5. Также выберите цвет фона (по умолчанию прозрачный) или фоновое изображение.
  6. Щелкните Назад к редактору сайта, чтобы вернуться в основную боковую панель.

Карточка баннеров

Используйте баннеры для заголовков и полей поиска по всему сайту.

  1. Перетащите виджет баннера в имеющуюся строку.
  2. Наведите курсор на виджет и щелкните значок шестеренки, чтобы перейти в режим редактирования.
  3. Дополнительно введите заголовок и подзаголовок.
  4. Дополнительно укажите URL-адрес фонового изображения и задайте минимальную высоту.
  5. Дополнительно установите отметку Показать поле поиска, чтобы добавить поле поиска в этому виджету баннера.
  6. Дополнительно установите отметку Добавить возможность поиска по местоположению, чтобы добавить вторичную опцию поиска, позволяющую отфильтровывать результаты по местоположению.
  7. Дополнительно поместите замещающий текст в поле поиска.
  8. Щелкните Назад к редактору сайта, чтобы вернуться в основную боковую панель.

Карточка изображения

Вы можете использовать в компоновке изображения.

  1. Перетащите виджет изображения в имеющуюся строку.
  2. Наведите курсор на виджет и щелкните значок шестеренки, чтобы перейти в режим редактирования.
  3. Укажите URL-адрес изображения.
  4. Введите дополнительный текст к изображению, чтобы облегчить работу не авторизованным пользователям и улучшить вид сайта.
  5. Дополнительно введите заголовок изображения.
  6. Дополнительно укажите гиперссылку изображения, которая откроется либо в той же вкладке, либо в Новой вкладке.
  7. Щелкните Назад к редактору сайта, чтобы вернуться в основную боковую панель.

Карточка текста

Добавьте текст (с разметкой и HTML) к компоновке.

  1. Перетащите виджет текста в имеющуюся строку.
  2. Наведите курсор на виджет и щелкните значок шестеренки, чтобы перейти в режим редактирования.
  3. Введите текст с разметкой или HTML-текст в текстовой виджет.
  4. Щелкните значок шестеренки, чтобы увидеть текст.
Внимание:

В целях безопасности текстовые виджеты не поддерживают встроенный 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. Отредактируйте текст связи для вашей категории.
  4. Выберите либо запрос тегов, либо группа.

    От этого зависит, какие наборы данных будут возвращаться в результатах поиска, когда пользователь щелкает категорию.

    • Тег - введите запрос тега. .Все наборы данных, имеющие такой тег в соответствующем элементе корпоративного портала, будут возвращены в результатах поиска
    • Группа - выберите группу. Все наборы данных из этой группы будут возвращены в результатах поиска.
  5. Выберите значок из библиотеки:
    1. Щелкните Выбрать значок.
    2. Выберите значок и щелкните Выбрать.

      На боковой панели появится значок.

    3. Щелкните серое поле рядом со значком, чтобы выбрать цвет значка.
  6. Используйте собственный значок:
    1. Введите URL-адрес своего значка.
    2. Введите дополнительный текст к значку, чтобы облегчить работу не авторизованным пользователям и улучшить вид сайта.
  7. Щелкните Назад к редактору сайта, чтобы вернуться в основную боковую панель.
Подсказка:

Пользовательские значки должны сохраняться как .svg или как прозрачный файл .png. Значки будут масштабированы до размера 120х120 пикселей.

Карточка Контактная информация

Укажите контактную информацию, чтобы отправить email владельцу данных.

  1. Перетащите виджет контактов в имеющуюся строку.
  2. Наведите курсор на виджет и щелкните значок шестеренки, чтобы перейти в режим редактирования.
  3. Укажите адрес email и тему сообщения.

    Когда пользователь щелкает email на начальной странице, редактор сообщений открывается автоматически.

  4. Щелкните Назад к редактору сайта, чтобы вернуться в основную боковую панель.

Карточка Iframe

Используйте iframes и внешние ресурсы.

  1. Перетащите виджет iframes в имеющуюся строку.
  2. Наведите курсор на виджет и щелкните значок шестеренки, чтобы перейти в режим редактирования.
  3. Укажите URL-адрес iframe и высоту фрейма.
  4. Щелкните Применить.
Внимание:

Не вставляйте встраиваемый код iframe с другого веб-сайта. Вставляйте только URL-адрес, который вы хотите включить в сайт.

Подсказка:

URL-адреса Iframe, использующие HTTP, не отображаются в редакторе сайта, на котором используется HTTPS. Сохраните и просмотрите сайт, чтобы проверить iframe.

Карточка диаграммы

Создавайте простые диаграммы непосредственно из наборов данных, или создавайте собственные диаграммы с помощью JSON.

Линейная диаграмма

Линейные диаграммы создаются с помощью запросов к выбранным наборам данных и автоматически обновляются при изменении набора данных.

  1. Перетащите виджет диаграммы в имеющуюся строку.
  2. Наведите курсор на виджет и щелкните значок шестеренки, чтобы перейти в режим редактирования.
  3. Линейная диаграмма является выбором по умолчанию.
  4. Щелкните (+) Добавить данные.
  5. Выберите элемент в доступных сервисах данных.
  6. Нажмите Выбрать атрибут категории, чтобы выбрать из данных первичный элемент диаграммы.

    В диаграммах могут использоваться числовые и строковые поля. По умолчанию, при выборе атрибута категории итоговая диаграмма будет учитывать этот атрибут

  7. Дополнительно, выберите атрибут значений, чтобы выбрать числовое поле, которое будет служить метрикой значений для атрибута категории. Когда выбор будет сделан, статистической операцией в этом поле будет сумма. Вы можете изменить Статистическую операцию, используя ниспадающий список справа от переключателя Выбрать атрибут значений. Атрибут значений поддерживает значения Мин., Макс., Сумма, Среднее и Число. Когда выбрано Число, атрибут значения отменяется (потому что нет необходимости в дополнительном поле для указания атрибута категории).

    В диаграммах могут использоваться числовые и строковые поля. По умолчанию, при выборе атрибута категории итоговая диаграмма будет учитывать этот атрибут

  8. Дополнительно, в разделе Опции можно включить/отключить или настроить Заголовок диаграммы, Высоту (в пикселах), Надпись категории для оси x, а также Надпись значения для надписей оси y.

Круговая диаграмма

Круговые диаграммы создаются с помощью запросов к выбранным наборам данных и автоматически обновляются при изменении набора данных.

  1. Перетащите виджет диаграммы в имеющуюся строку.
  2. Наведите курсор на виджет и щелкните значок шестеренки, чтобы перейти в режим редактирования.
  3. Выберите круговую диаграмму, щелкнув по круговой пиктограмме.
  4. Щелкните (+) Добавить данные.
  5. Выберите элемент в доступных сервисах данных.
  6. Нажмите Выбрать атрибут категории, чтобы выбрать из данных первичный элемент диаграммы.

    В диаграммах могут использоваться числовые и строковые поля. По умолчанию, при выборе атрибута категории итоговая диаграмма будет учитывать этот атрибут

  7. Дополнительно, выберите атрибут значений, чтобы выбрать числовое поле, которое будет служить метрикой значений для атрибута категории. Когда выбор будет сделан, статистической операцией в этом поле будет сумма. Вы можете изменить Статистическую операцию, используя ниспадающий список справа от переключателя Выбрать атрибут значений. Атрибут значений поддерживает значения Мин., Макс., Сумма, Среднее и Число. Когда выбрано Число, атрибут значения отменяется (потому что нет необходимости в дополнительном поле для указания атрибута категории).

    В диаграммах могут использоваться числовые и строковые поля. По умолчанию, при выборе атрибута категории итоговая диаграмма будет учитывать этот атрибут

  8. Дополнительно, в разделе Опции можно включить/отключить или настроить Заголовок диаграммы, Высоту (в пикселах), Надпись категории для надписывания секторов круга, а также Надпись значения для надписи метрики в подсказке.

Диаграмма JSON

Пользовательские диаграммы создаются с помощью JSON со специальными спецификациями диаграмм.

  1. Перетащите виджет диаграммы в имеющуюся строку.
  2. Наведите курсор на виджет и щелкните значок шестеренки, чтобы перейти в режим редактирования.
  3. Выберите плитку JSON
  4. Введите JSON в поле Спецификация диаграммы JSON.
  5. Дополнительно, в разделе Опции можно включить/отключить или настроить Заголовок диаграммы и Высоту (в пикселах).

Спецификация JSON

Ввод собственного JSON позволяет получать диаграммы, использующие библиотеку Cedar. Спецификация состоит из следующих компонентов:

Наборы данных

Массив наборов данных задает 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" }] } } ]
}

Серии

Массив серий позволяет задавать соответствие между полями ответа сервиса и визуальными аспектами диаграммы (оси 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"
    }
  ]
}

Карточка Суммарной статистики

Используйте суммарную статистику для передачи данных ключевым индикаторам производительности и др. Суммарная статистика генерируется запросом к наборам данных и автоматически обновляется при обновлении набора данных.

  1. Перетащите виджет Суммарная статистика в имеющуюся строку.
  2. Наведите курсор на виджет и щелкните значок шестеренки, чтобы перейти в режим редактирования.
  3. Щелкните (+) Добавить данные и выберите сервис данных.
  4. Выберите Поле статистики для выбора поля из выбранного сервиса. Это поле будет использоваться на последующих этапах работы.
  5. Выберите Тип статистики, чтобы выбрать тип операции, которая будет выполняться на выбранном поле
    • Для текстовых полей и полей дат - выберите между количеством, минимумом и максимумом.
    • Для числовых полей - выберите между количеством, суммой, минимумом, максимумом, средним отклонением и дисперсией.
  6. Дополнительно, добавьте к статистике фильтр:
    1. Выберите атрибут, используемый как фильтр.
    2. Выберите Добавить.
    3. Выберите новое атрибутивное поле, чтобы показать ввод фильтра. Входное поле может отличаться, в зависимости от типа поля.
    4. Введите подходящий фильтр.
    5. Щелкните вне поля фильтра или нажмите Enter на клавиатуре.
  7. Введите Заголовок.
  8. Дополнительно введите Сопровождающий текст и измените Цветовой акцент самой статистики.

Карточка Галерея

Используйте карточку Галерея для размещения приложения веб-картографии и ресурсов веб-карты на своем сайте. Карточка Галерея автоматически извлекает приложения и веб-карты из групп вашей организации. Когда вы добавляете приложения и картографические ресурсы в свою организацию или в определенную группу, на вашем сайте появляется новое приложение, при этом редактировать компоновку не нужно.

  1. Перетащите виджет Карточка Галерея в имеющуюся строку.
  2. Наведите курсор на виджет и щелкните значок шестеренки, чтобы перейти в режим редактирования.
  3. Слева появятся несколько опций. Щелкните Приложения, чтобы увидеть все приложения из вашей организации на карточке галереи. Щелкните Наборы данных, чтобы увидеть все наборы данных из вашей организации на карточке галереи. Щелкните Сайты, чтобы увидеть все сайты из вашей организации на карточке галереи.
  4. Измените Число отображаемых карточек (максимум 16), чтобы настроить изображение.
  5. Дополнительно, в разделе Показать только выберите Группы и выберите группы, из которых будут фильтроваться приложения.
  6. В Тегах введите любые теги для ограничения запроса. Только элементы, соответствующие этому тегу, будут отображаться на карточке галереи.
  7. В разделе Стиль выберите Использовать значки или Использовать эскизы, чтобы настроить стиль карточки галереи.
  8. Измените Текст кнопки. По умолчанию используется текст explore.

Настройки нижнего колонтитула

По умолчанию в редакторе сайта нижний колонтитул отсутствует. Вы можете создать собственный нижний колонтитул, который будет отображаться на всех страницах сайта.

  1. В разделе Настройки нижнего колонтитула выберите Пользовательский.

    На странице появится нижний колонтитул по умолчанию, а на боковой странице откроется панель CSS.

  2. Щелкните значок шестеренки в правом нижнем углу колонтитула, чтобы отредактировать HTML.
  3. Снова щелкните значок шестеренки, чтобы увидеть изменения.
  4. Измените CSS на боковой панели и щелкните Применить изменения, чтобы увидеть эффекты HTML.
Подсказка:

HTML нижнего колонтитула не поддерживает встроенный JavaScript. Теги скриптов будут игнорироваться.

Использование Markdown

Используйте Markdown в текстовых виджетах, чтобы настроить текст на своем сайте.

Markdown Quick Sheet

Атрибут

Синтаксис

Заголовок

# Текст для заголовка; уровень 1 (самый крупный)

## Текст для заголовка; уровень 2

###### Текст для заголовка; уровень 6 (самый мелкий)

Italics

Это *курсив* или _italic text_

Bold

Это текст **жирным шрифтом**

Сочетание курсива с жирным шрифтом

* Сочетание курсива с жирным шрифтом*

Ссылка с отображаемым адресом

http://www.esri.com

Примечание:

Не забудьте указать протокол (HTTP или HTTPS) перед URL-адресами

Ссылка без указания адреса

[Текст вашей гиперссылки] (http://www.esri.com)

Примечание:

Не забудьте указать протокол (HTTP или HTTPS) перед URL-адресами

Маркеры

* Первое, что есть в маркированном списке

* Второе, что есть в маркированном списке

Упорядоченный список

1. Первое, что есть в пронумерованном списке

1. Второе, что есть в пронумерованном списке

Вставка изображений

<img src="image source URL including HTTP or HTTPS"> (URL-адрес исходного изображения с указанием протокола HTTP или HTTPS)

Примечание:

Если у вас есть изображения в корпоративном портале, то можно использовать относительные URL-адреса, такие как"../images/my-amazing-image"

Вставка изображения по гиперссылке

<a href="link URL including HTTP or HTTPS"><img src="image source URL including HTTP or HTTPS"></a> (URL-адрес исходного изображения с указанием протокола HTTP или HTTPS)