Изучение конструктора инфографики
У железной дороги уже есть базовый шаблон инфографики, на котором показаны терминалы для хранения зерна и контейнерно-трейлерные грузовые терминалы вблизи ее линий. Вы загрузите этот шаблон и добавите его в проект ArcGIS Business Analyst Web App. Затем вы изучите компоновку конструктора инфографики и отрегулируете элементы, уже имеющиеся в шаблоне.
Создание проекта
Сначала вы создадите проект в Business Analyst Web App.
- Перейдите в Business Analyst Web App.
- Если вы не выполнили вход, щелкните Войти. Войдите с помощью учетной записи организации ArcGIS.
Примечание:
Если у вас нет учетной записи организации, см. варианты доступа к программному обеспечению.
У вашей учетной записи должна быть лицензия на использование Business Analyst Web App. Если вы администратор в своей организации, можете назначить лицензию сами себе. В противном случае, вам надо обратиться за правами доступа к администратору.
- Если необходимо, закройте окно Что нового.
Примечание:
Если вы используете Business Analyst Web App в первый раз, вы можете увидеть окно Добро пожаловать с просьбой добавить изображение профиля. Если это так, щелкните Пропустить этот шаг и щелкните Создать проект.
- Если необходимо, нажмите на ленте На главную. Щелкните Новый проект.
- В окне Создать проект для Названия проекта введите Проект инфографики железнодорожной линии и добавьте свое имя или инициалы. Щелкните Создать.
Сообщение поясняет, что проект находится в стадии создания. По его завершении проект либо откроется автоматически, либо появится сообщение с подтверждением.
- Если появится сообщение с подтверждением, поставьте отметку Открывать новый проект после создания и нажмите ОК.
Откроется проект.
Примечание:
Если ваш проект не откроется, вы можете открыть его на Главной странице. В разделе Недавно созданные должна быть выбрана вкладка Проекты. Наведите указатель мыши на свой проект Дизайн инфографики железнодорожной линии и нажмите Открыть проект.
Добавление шаблона
В Business Analyst модно создать инфографику с помощью шаблонов, входящих в состав приложения. Вы также можете создать собственные шаблоны, настроив их в соответствии со своими нужными и брендом. Для этого вы воспользуетесь конструктором инфографики.
В этом сценарии вы будете работать с уже созданным индивидуальным шаблоном инфографики. Вы загрузите шаблон как файл и добавите его в свой проект.
Примечание:
Шаблон инфографики, который вы скачаете, аналогичен шаблону, созданному в руководстве Использование инфографики для понимания общего адресного рынка. Чтобы узнать, как создать шаблон с нуля, изучите данное руководство.
- Скачайте файл Rail Market Analysis.zip. Распакуйте файл в то место на вашем компьютере, которое вы легко запомните, например в папку Документы.
Папка содержит один файл: Rail Market Analysis.brpt, содержащий шаблон инфографики.
- В Business Analyst на ленте щелкните Отчеты.
- Щелкните Построить инфорграфику.
Появится галерея шаблонов. В ней есть несколько стандартных шаблонов, предоставляемых Esri, а также шаблоны, опубликованные вашей организацией и любые шаблоны, созданные вами ранее. Вы импортируете шаблон, который скачали.
- На странице Начните с шаблона щелкните Мои шаблоны.
- Щелкните Добавить шаблон из файла.
- Перейдите в извлеченную папку Rail_Market_Analysis. Дважды щелкните Rail Market Analysis.brpt.
Появится предупреждение о том, что в шаблоне отсутствуют переменные, которые недоступны в текущем источнике данных. Упомянутые переменные взяты из старой версии переписи населения США. В этом руководстве вы можете проигнорировать это предупреждение, поскольку ваше внимание сосредоточено на терминалах для хранения зерна и контейнерно-трейлерных грузовых терминалах, а не на данных переписи населения. Для шаблонов, где данные переписи населения имеют решающее значение, вы можете заменить отсутствующие переменные в шаблоне.
- В окне О необходимости действия нажмите Да, чтобы закрыть предупреждение.
- В окне Сохранить инфографику измените название на Железнодорожные грузовые терминалы.
- Щелкните Сохранить.
Шаблон сохранен и добавлен в список ваших шаблонов.
- На странице Начать с шаблона наведите курсор на шаблон Железнодорожные грузовые терминалы и нажмите Открыть.
Шаблон откроется в конструкторе инфографики.
Изучение инструментов дизайна инфографики
Понимание основных инструментов конструктора инфографики поможет вам настраивать этот и будущие шаблоны инфографики. Термин "инфографика" ссылается на весь документ целиком. Каждая инфографика состоит из серии панелей, отдельных элементов, которые содержат отдельные элементы данных и графики. Вы изучите существующие панели инфографики, чтобы узнать, какие данные в них есть и что еще можно показать.
- В инфографике под панелью таблицы наведите курсор на панель со значком грузовика.
Появятся инструменты редактирования для отдельных панелей. Кнопка Редактировать позволяет изменить стиль панели или отображаемых данных. Кнопка Заменить позволяет заменить текущую панель на панель другого типа. Кнопка Дополнительные опции позволяет дублировать текущую панель или изменить размеры или положение шаблона.
- Щелкните панель.
Появятся элементы управления редактированием. Вы можете изменить размер панели или переместить ее в другое место страницы.
- При необходимости над инфографикой нажмите кнопку Отменить, чтобы отменить все внесенные вами изменения.
Инструменты над настройками управлением инфографикой для всей инфографики в целом. Это следующие приложения:
- Тема — выберите цвета, шрифт и изображения для вашего шаблона.
- Добавить элемент — добавьте новую панель (диаграмму, изображение, текстовое поле, инфографику, таблицу, карту или соседнюю панель).
- Выровнять — выровнять панели на странице, либо элементы на панели.
- Слои — посмотреть и переименовать панели.
- Добавить страницу — добавить новую страницу, пустую или из другого шаблона.
- Вид/масштаб — посмотреть шаблон в разных масштабах.
- Общие настройки — изменение размера страницы, полей а также настройка таблиц и графиков.
- Отменить/Повторить — отменить или повторить последнее действие.
- Над инфографикой щелкните 100% и выберите Разместить на странице.
Размер инфографики изменится таким образом, чтобы шаблон поместился на странице без пролистывания.
- Над инфографикой щелкните Слои.
Появится окно Слои, показывающее панели, находящиеся в данный момент в вашей инфографике. При наведении указателя на элемент в окне Слои соответствующая панель подсвечивается в шаблоне инфографики.
- На панели Слои дважды щелкните Панель инфографики 1 и переименуйте панель Сводка по терминалам. Нажмите Ввод.
- Переименуйте Панель инфографики 2 в Контейнерно-трейлерные грузовые терминалы.
Присваивание инфографическим панелям описательных названий — это хорошая практика в дизайне инфографики, поскольку это позволяет легче просматривать компоненты в шаблоне.
- Закройте окно Слои. Щелкните Сохранить.
- В окне Сохранить шаблон инфографики щелкните Сохранить.
Появится окно Подтвердить замену с вопросом, хотите ли вы заменить шаблон.
- Щелкните Да.
Сохранена самая последняя версия шаблона.
- В окне Сохранение инфографики отметьте опцию Установить это как инфографику по умолчанию в меню сайта.
Настройка шаблона по умолчанию значит, что он будет автоматически запускаться, когда вы нажимаете Инфографика во всплывающем меню объекта в Business Analyst. Удобно сделать шаблоном инфографики по умолчанию тот, с которым вы работаете, чтобы упростить процесс просмотра изменений.
- Нажмите OK.
Теперь, когда вы познакомились с конструктором инфографики и доступными инструментами редактирования, вы готовы к настройке шаблона инфографики.
Добавление карты и заголовка
Базовая инфографика, которая у вас есть, выделяет два важных набора данных, но не включает контекстную, географическую информацию или заголовок. Далее вы добавите две новые панели: карта и заголовок. Карты могут быть полезными компонентами инфографики, обеспечивая географический контекст для отображаемых данных. Панель заголовка поможет зрителям понять, какую информацию предоставляет инфографика.
Добавление, изменение размера и положения карты
Вы можете добавить панель карты с использованием конструктора инфографики. В этой инфографике карта покажет местоположение новых клиентов, которых железнодорожная компания надеется привлечь. Вы добавите карту и поместите ее в свой шаблон, соответствующим образом настроив другие панели.
- Наведите курсор на шаблон Rail Freight Facilities и нажмите Открыть.
- Щелкните 100% и выберите Разместить на странице.
Чтобы освободить место для вашей карты в шаблоне, вы переупорядочите панели.
- Переместите панель Facilities Summary (таблица) в нижнюю область страницы. Щелкните панель, чтобы выбрать ее, и переместите верхний средний элемент, чтобы изменить ее размер так, чтобы она занимала примерно нижнюю треть страницы.
- Переместите панель Intermodal Freight Facilities в середину левой области страницы.
При перемещении панелей появляются направляющие, помогающие центрировать или выравнивать панели. Для аккуратного вида убедитесь, что эти панели выровнены по отношению друг к другу.
- Нажмите клавишу Shift и щелкните обе панели, чтобы выбрать их.
- Над инфографикой, нажмите Выравнивание и выберите Выровнять выбранное.
- Щелкните Выровнять по левому краю.
Панель Intermodal Freight Facilities выровняется по левому краю панели Facilities Summary. Теперь есть место для вашей карты.
- Над инфографикой, щелкните Добавить элемент и выберите Карта.
Появится окно Просмотр и выбор карт. Вы выберете базовую карту, поверх которой будут рисоваться данные.
- В окне Просмотр и выбор карт выберите Streets (Night).
Базовая карта содержит много данных о транспорте, выделяет дороги и природные объекты, что делает ее хорошим фоном для ресурсов, которые вы отобразите на карте. Панель карты по умолчанию отображается в центре шаблона. Вы измените ее размер, чтобы заполнить доступное пространство, учитывая, где еще могут находиться другие панели.
- Наведите курсор на панель карты и щелкните Опции панели.
- В окне Опции панели разверните Измерения. Измените Высоту (пикс.) на 500.
- Разверните Выравнивание и положение. Для Слева (пикс.) введите 556, а для Сверху (пикс.) введите 0.
Панель вашей карты настраивается и меняет размер по мере изменения значений.
- Закройте окно Опции панели.
- При необходимости измените размер панели таблицы так, чтобы верхняя часть таблицы находилась прямо под элементом карты. Перемещайте элемент карты, пока его правый край не совпадет с правым краем таблицы.
Подсказка:
Если в вашей инфографике все еще есть перекрывающиеся панели или неудобные интервалы, не стесняйтесь настраивать инфографику по мере необходимости, перемещая панели с использованием стрелок клавиатуры или вводя значения вручную.
Свяжите карту с данными
Теперь, когда элемент карты находится в шаблоне, вы решите, какие данные вы хотите отображать на карте. Вы свяжете карту с данными о зерновых и грузовых терминалах, указанными на других панелях, чтобы показать, где находятся эти терминалы.
- Наведите курсор на панель карты и щелкните Редактировать. Щелкните Редактировать карту.
- В окне Свойства карты, щелкните Добавить другие слои.
- В окне Добавить слои на карту щелкните Добавить слои и выберите Связать существующую таблицу ближайших местоположений.
Появится окно Добавить таблицу ближайших местоположений, в котором отображается образец вашего шаблона инфографики. При наведении курсора на любую из двух других панелей, появится кнопка с надписью Добавить.
- Наведите курсор на панель таблицы Facilities Summary и нажмите Добавить.
В окне Добавить слои на карту панель Facilities Summary (называемая Grain Facility — название векторного слоя, использованного для создания таблицы) отображается как слой, связанный с панелью карты. Вы измените символ, который будет использоваться для слоя на карте.
- Щёлкните стрелку рядом с символом Grain Facility.
- В окне символов щелкните вкладку Стандартные. Нажмите на символ CheckeredFlag.
В окне символов вы можете изменить цвет и размер символа флага, который будет обозначать расположение зерновых объектов на карте.
- Для Размера используйте бегунок, чтобы изменить размер символа на 32.
- Для Цвета щелкните цветовую схему. В разделе Стандартный выберите оранжевый цвет в четвертой строке, третьем столбце (#f09135).
- Щелкните Готово.
Далее вы добавите слой для объектов контейнерно-трейлерных грузовых терминалов.
- В окне Добавить слои на карту щелкните Добавить слои и выберите Связать существующую таблицу ближайших местоположений.
- Поместите курсор на панель Intermodal Freight Facilities и нажмите Добавить.
- Щёлкните стрелку рядом с символом Rail_and_Truck_Intermodla_Freight_Facilities. Щелкните вкладку Транспорт и выберите символ Грузовик.
- Измените Размер на 32 и Цвет на синий в четвертой строке, шестом столбце (#97cdf6).
Этот цвет будет контрастировать с оранжевым символом, представляющим терминалы для хранения зерна.
- Щелкните Готово.
Оба символа готовы.
- В окне Добавить слои на карту нажмите Применить. Под картой нажмите Применить.
На панели карты теперь перечислены отображаемые слои. Карта появится после того, как вы запустите инфографику.
Добавить заголовок
Добавление заголовка к вашей инфографике придаст ей профессиональный вид и предоставит контекст тем, кто не знаком с ее назначением. Вы добавите заголовок, который также будет включать бренд железнодорожной компании.
- Над инфографикой, щелкните Добавить элемент. Щелкните Текст и выберите Панель.
Появится пустая текстовая панель. Текстовая панель может содержать несколько сгруппированных текстовых полей и других визуальных элементов, которые функционируют (и могут перемещаться) как единое целое. Сначала вы добавите текст заголовка, который будет идентифицировать название железнодорожной компании ACME Rail. (Эта компания вымышленная.)
- Щелкните внутри текстовой панели и введите Анализ рынка для ACME Rail.
- Выделите заголовок. В окне Стиль текста покажите текст жирным шрифтом, размером 48 пикселов и выровняйте его по левому краю.
- Изменяйте размер текстовой панели, пока текстовое поле не станет равным высоте текста.
Перед добавлением текста вы добавите разделительную линию.
- Над текстовой панелью щелкните Добавить элемент и выберите Форма.
Примечание:
Если кнопка Добавить элемент не отображается, нажмите Отмена. Попробуйте создать текст заголовка еще раз, выполнив те же действия, что и ранее.
- В списке форм нажмите Все значки и выберите Формы. Нажмите на форму Линия.
На текстовую панель добавляется линия.
- Переместите линию под текст и выровняйте ее по левому краю текста. Изменяйте размер линии, пока она не станет такой же ширины, как и текстовое окно.
- Наведите курсор на линию и щелкните Редактировать форму.
- В окне Свойства формы для Толщина введите 3. Закройте окно Свойства формы.
Теперь под заголовком есть линия, которая отделит его от остального текста.
Добавление динамического текста
Далее вы добавите динамический текст, который будет показывать название места, отображаемого на карте. Этот текст будет меняться в зависимости от области, куда перемещается инфографика, что делает текст динамичным.
- Над текстовой панелью щелкните Добавить элемент и выберите Текстовое окно.
- Переместите текстовое поле под линию. Выровняйте его по левому краю заголовка.
- Наведите курсор на новое текстовое окно и щелкните Редактировать текст.
- В окне Стиль текста щелкните Расширенное редактирование текста.
- В окне Добавить переменные в текст щелкните Добавить динамическое поле или примечания и выберите Имя места.
В правый нижний угол окна добавляется переменная с именем [Имя моего места].
Динамический текст связан с данными на карте, поэтому в этом поле будет отображаться имя любого места, для которого вы запускаете инфографику.
- Выделите [Имя моего места]. В выборке Стиль текста покажите текст жирным шрифтом, размером 24 пиксела и выровняйте его по левому краю.
- Щелкните Сохранить.
Наконец, вы добавите значок на панель заголовка, чтобы визуально обозначить цель инфографики. Значок появится слева от текста заголовка.
- Измените размер текстового окна Market Analysis for ACME Rail так, чтобы между левым полем панели и текстовым окном оставался зазор.
- Над текстовой панелью щелкните Добавить элемент и выберите Форма.
- В списке форм нажмите Формы и выберите Транспорт. Щелкните значок поезда.
В центре текстовой панели появится значок поезда.
- Переместите значок слева от заголовка, выровняв его по левому краю строки и имени места.
- Щелкните Применить. Переместите новую панель заголовка в верхний левый угол инфографики, выровняв ее по верхнему краю панели карты и по левому краю двух других панелей.
- Щелкните Сохранить. В окне Save infographic template щелкните Save.
- В окне Подтвердить замену нажмите Да. В окне Сохраненная инфографика нажмите кнопку ОК.
Вы добавили карту и заголовок в свой шаблон инфографики. Теперь, когда в вашем шаблоне собраны все элементы, вы можете настроить цвета и темы инфографики.
Настройка темы
Последний шаг перед публикацией шаблона инфографики — изменение цветов темы. В этом случае вы измените цвета и символы шаблона, чтобы они эстетически соответствовали вашим ожиданиям и представляли информацию в визуально убедительной форме. В других случаях тему также можно настроить в соответствии с цветами и стилями какого-либо бренда.
Изменение стиля отображения панели
В настоящее время информация о контейнерно-трейлерных терминалах отображается в шаблоне инфографики значком грузовика с номером. Для отображения дополнительной информации о местоположениях на карте вы отобразите информацию о контейнерно-трейлерных терминалах в виде таблицы.
- В списке шаблонов наведите курсор на шаблон инфографики Rail Freight Facilities и нажмите Открыть.
- Наведите курсор на панель Intermodal Freight Facilities и нажмите кнопку Редактировать.
- Нажмите Переключить на отображение таблицы.
Информация о контейнерно-трейлерных терминалах теперь отображается в виде таблицы с очень узкими столбцами - из-за чего ее невозможно прочитать.
- Закройте окно Дополнительные опции. Щелкните Применить.
- Выберите таблицу и измените ее размер, чтобы правая сторона почти касалась панели карты. Внесите любые остальные необходимые изменения, чтобы таблица располагалась соответствующим образом под панелью заголовка.
Теперь, когда на вашей странице две таблицы, вы также хотите указать, что в каждой из них содержится.
- Поместите курсор на таблицу Intermodal Freight Facilities и щелкните Редактировать. Щелкните Дополнительные опции над панелью.
- В окне Дополнительные опции отметьте Показать заголовок.
Заголовок таблицы будет добавлен над панелью таблицы. Затем вы отредактируете заголовок.
- В таблице наведите курсор на заголовок и нажмите Редактировать текст. Замените существующий текст заголовка на Контейнерно-трейлерные грузовые терминалы.
Далее вы настроите высоту заголовка строки, чтобы текст отображался правильно.
- В таблице перетаскивайте стороны ячеек заголовков строк, пока заголовок каждой строки не будет отображаться в одной или двух строках текста.
- Щелкните Применить.
Вы также добавите заголовок к другой таблице.
- Наведите курсор на таблицу Facilities Summary (таблица в нижней части инфографики) и нажмите Редактировать. Щелкните Дополнительные опции над таблицей.
- В окне Дополнительные опции отметьте Показать заголовок. Измените текст заголовка на Терминалы для хранения зерна.
- Щелкните Применить.
Теперь обе таблицы имеют заголовки.
Выбор цветовой схемы
В настоящее время шаблон инфографики использует настройки цвета по умолчанию Business Analyst. Вы улучшите дизайн своего шаблона, выбрав цвета для инфографики.
- Над инфографикой, щелкните Тема.
- В окне Тема шаблона инфографики для параметра Выберите цветовую тему для вашего шаблона щелкните цветовую тему в оттенках серого.
Просмотр шаблона отобразит выбранную тему. Оттенки серого выглядят недостаточно ярко, поэтому вы добавите контрастный цвет.
- Щелкните Дополнительные опции.
- Раскройте Таблицу. Для Заголовка таблицы щелкните образец цвета Фона.
Подсказка:
Чтобы подобрать фирменные цвета или выбрать собственные цвета, вы можете вручную ввести шестнадцатеричный код цвета или значение RGB с помощью Дополнительных опций.
- Выберите темно-бирюзовый цвет в пятом столбце, пятой строке (#3c898a).
Этот бирюзовый цвет соответствует серой теме, но при этом достаточно выделяется, чтобы сделать тему более привлекательной. Чтобы текст в заголовке таблицы был виден на новом, более темном фоне, вы также измените цвет текста.
- Рядом с Заголовком таблицы щелкните Изменить шрифт. Отметьте Жирный и измените Цвет текста на белый (#ffffff).
Чтобы облегчить чтение таблицы, вы выберите новый цвет фона для чередующихся строк таблицы.
- Для Чередующейся строки, рядом с параметром Фон, щелкните образец цвета и выберите самый светлый серый цвет в первом столбце, третьей строке (#696969).
В примере шаблона ничего не изменится. Вам также нужно изменить настройки панели таблицы, чтобы чередующиеся строки в таблице отображались разными цветами.
- Щелкните Применить.
Далее вы измените панель заголовка, чтобы она соответствовала только что выбранным вами цветам.
- Наведите курсор на панель заголовка и щелкните Редактировать.
Каждый элемент на панели можно редактировать.
- Наведите курсор на значок поезда и щелкните кнопку Редактировать форму.
- В окне Свойства формы щелкните образец цвета Заливка.
- Выберите темно-бирюзовый цвет в пятом столбце, пятой строке (#3c898a).
Теперь цвет значок поезда - бирюзовый, такой же, как у заголовков таблицы.
- Закройте окно Свойства формы. Щелкните Применить.
И, наконец, вы настроите отображение чередующихся строк таблицы. Чередование строк упрощает чтение таблицы с большим количеством текста.
- Поместите курсор на таблицу Intermodal Freight Facilities и щелкните Редактировать. Щелкните Изменить стиль таблицы и число местоположений.
- Нажмите и удерживайте клавишу Shift. В таблице щелкните первую и последнюю ячейки в третьей строке, чтобы выделить всю третью строку.
- В окне Стиль и формат для параметра Стили выберите Чередующаяся строка.
Каждая вторая строка в таблице теперь окрашена в светло-серый цвет.
- Закройте окно Стиль и формат. Щелкните Применить.
- Отредактируйте таблицу Терминалы для хранения зерна, чтобы в ней также были чередующиеся цвета строк.
- Сохраните шаблон инфографики.
Запуск инфографики
Вы закончили оформление инфографики. Далее вам нужно будет запустить ее, чтобы убедиться, что она работает так, как положено.
- На ленте щелкните вкладку Карты.
Вы сделаете образец места для тестирования инфографики. Железнодорожные линии компании находятся в Айове, поэтому место вы создадите там.
- На карте найдите штат Айова в США.
- На панели инструментов щелкните кнопку Булавка.
- На карте щелкните в любом месте Айовы.
Подсказка:
Для получения наилучших результатов щелкните рядом с Де-Мойном, столицей и крупнейшим городом.
Булавка добавляется в месте щелчка. Появится всплывающее окно булавки.
- Во всплывающем окне щелкните Создать место.
- На вкладке Круги, для параметра Радиус, введите 30 в первом поле. Сотрите текст из двух других полей и установите единицы измерения на мили.
- Щелкните Применить.
Вокруг булавки появится круг радиусом 30 миль.
- Во всплывающем окне щелкните Инфографика.
Ваша инфографика запускается, отображая инфографику для созданного вами образца места. На карте показано несколько символов флагов (обозначающих зернохранилища) и символов грузовиков (обозначающих контейнерно-трейлерные грузовые терминалы). В таблицах содержится информация об этих объектах.
В этом руководстве вы прошли этапы настройки простой инфографики в ArcGIS Business Analyst. Несмотря на то, что этот рабочий процесс был ориентирован на железнодорожную отрасль, полученные вами навыки можно использовать для любой инфографики в Business Analyst. Используя эти техники дизайна и конструктор инфографики, вы можете создавать безупречные информативные отображения важной для вашей работы информации.
Вы можете найти больше учебных пособий в галерее учебных пособий.
