Изучение конструктора
Ранее вы уже создали простую инфографику под названием Rail Market Analysis, в которой отображается информация о расположении элеваторов и интермодальных грузовых объектов вдоль линий железных дорог в Айове. Теперь вы внесете улучшения в оформление и функциональность инфографики. Сперва вы изучите компоновку конструктора инфографики.
Открытие Rail Market Analysis в конструкторе инфографики
В ArcGIS Business Analyst вы можете создать инфографику с помощью предварительно загруженных шаблонов, входящих в состав приложения. Вы также можете создать собственные шаблоны, настроив их в соответствии со своими нужными и брендом. Для этого вы воспользуетесь конструктором инфографики.
- Скачайте файл Rail Market Analysis.zip и сохраните его на компьютер, например, в папку Документы. Распакуйте папку.
Примечание:
В этом руководстве используется базовая инфографика, настроенная на занятии Использование инфографики для понимания общего адресного рынка. Если вы ранее выполняли этот урок, откройте свой проект Rail Industry Market Development и перейдите к шагу 13.
- В новом окне или вкладке откройте ArcGIS Business Analyst Web App.
- При необходимости войдите в свою учетную запись организации.
- Если появится окно Добро пожаловать, щелкните Пропустить этот шаг и нажмите Создать проект. Или на вкладке Главная щелкните Создать новый проект.
Примечание:
Если вы ранее уже использовали Business Analyst, то приложение может открыться с существующим проектом. Перейдите на вкладку Главная, если она не активна, когда приложение откроется.
Появится окно Создать проект.
- В окне Создать проект для Имени проекта введите Rail Industry Market Development и щелкните Создать.
Процесс настройки проекта может занять минуту или больше, поскольку создаются все уровни проекта и каталоги данных. Диалоговое окно подтверждает, что ваш проект создан.
- Отметьте опцию Open new projects as soon as they are created и щелкните OK.
Появится карта.
- При необходимости на панели инструментов щелкните Очистить карту, чтобы удалить все данные с карты.
Таким образом, ваш железнодорожный проект будет содержать только те данные, местоположения и карты, которые имеют отношение к работе в этом уроке. Далее вы импортируете шаблон инфографики.
Примечание:
Вы можете открыть сохраненные шаблоны инфографики из любого проекта. Все созданные шаблоны инфографики сохраняются в интерфейсе Построить инфографику на вкладке Мои шаблоны, которая доступна с любой страницы приложения.
- На ленте Business Analyst щелкните Reports. Щелкните Build Infographics.
Появится галерея шаблонов. В ней есть несколько стандартных шаблонов, предоставляемых Esri, а также шаблоны, опубликованные вашей организацией и любые шаблоны, созданные вами ранее. Вы импортируете и откроете шаблон, созданный в уроке Использование инфографики для понимания общего адресного рынка.
- На странице Start with a template щелкните вкладку My templates.
- Щелкните Add template from file.
- Перейдите к папке, где сохранили Rail Market Analysis.brpt и дважды щелкните на файле.
- В разделе Action required щелкните Yes, чтобы отменить это предупреждение.
- В окне Save Infographic примите имя по умолчанию Rail Market Analysis и нажмите Save.
- На странице Start with a template наведите курсор мыши на шаблон Rail Market Analysis и щелкните Open.
Шаблон откроется в режиме конструктора инфографики.
Вы изучите панели шаблона и добавите больше.
Изучение инструментов дизайна инфографики
Понимание базовых компонентов конструктора инфографики поможет по ходу настройки этого и других шаблонов инфографики. Термин "инфографика" ссылается на весь документ целиком. Каждая инфографика состоит из серии панелей, отдельных элементов, содержащих отдельные элементы данных и графики. В этом разделе вы изучите существующие панели инфографики, чтобы узнать, какие данные в нем есть и что еще можно показать.
- Наведите курсор мыши на панель со значком грузовика под таблицей.
Появятся инструменты редактирования для отдельных панелей. Кнопка Edit позволяет изменить стиль панели или отображаемых данных.. Кнопка Replace позволяет заменить текущую панель на панель другого типа. Кнопка Panel options позволяет дублировать текущую панель или изменить размеры, или положение шаблона.
- Щелкните панель.
Появятся элементы управления Editing. Вы можете изменить размер панели или переместить ее в другое место страницы.
- При необходимости над инфографикой нажмите Undo, чтобы отменить все внесенные вами изменения.
Инструменты над настройками управлением инфографикой для всей инфографики в целом.
- Theme - Выберите цвета, шрифт и изображения для вашего шаблона.
- Add element - Добавьте новую панель (диаграмму, изображение, текстовое поле, инфографику, таблицу, карту или соседнюю панель).
- Align—выровнять панели на странице, либо элементы на панели.
- Layers—посмотреть и переименовать панели.
- Add page—добавить новую страницу, пустую или из другого шаблона.
- View/scale—посмотреть шаблон в разных масштабах.
- General settings—изменение размера страницы, полей а также настройка таблиц и графиков.
- Undo/Redo—отменить или повторить последнее действие.
- Над инфографикой щелкните 100% и выберите Fit page.
Размер инфографики изменится таким образом, чтобы шаблон поместился на странице без пролистывания.
- Над инфографикой, щелкните Layers.
Появится окно Layers, показывающее панели, находящиеся в данный момент в вашей инфографике. При наведении указателя на элемент в окне Layers соответствующая панель подсвечивается в шаблоне инфографики.
- Дважды щелкните Infographic panel 1 и переименуйте панель Facilities Summary. Нажмите Enter.
- Переименуйте Infographic panel 2 в Intermodal Freight Facilities. Нажмите Enter.
Рекомендуется вводить описательные заголовки для панелей инфографики, это позволит легко опознавать компоненты вашего шаблона.
- Закройте панель Layers и щелкните Save.
- В окне Save infographic template щелкните Save.
Появится окно Confirm Replace с вопросом, хотите ли вы заменить шаблон.
- Щелкните Да.
Будет сохранена самая последняя версия шаблона.
- В окне Infographic Saved отметьте опцию Set this as the default infographic in the site menu.
Настройка шаблона по умолчанию значит, что он будет автоматически запускаться, когда вы нажимаете Infographics во всплывающем меню объекта в Business Analyst. Удобно сделать шаблоном инфографики по умолчанию тот, с которым вы работаете, чтобы упростить процесс просмотра изменений.
- Нажмите OK.
Теперь, когда вы познакомились с конструктором инфографики и доступными инструментами редактирования, вы готовы к настройке шаблона инфографики.
Добавление и настройка панелей
Базовая инфографика, которая у вас есть, выделяет два важных набора данных, но не включает контекстную, географическую или титульную информацию. В этом руководстве вы добавите две новые панели, карту и заголовок. Карты могут быть полезными компонентами инфографики, обеспечивая географический контекст для отображаемых данных. Панель заголовка поможет зрителям вашей инфографики понять, какую информацию она предоставляет.
Добавление, изменение размера и положения карты
Вы можете добавить панели карт к своей инфографике в конструкторе инфографики. В этой инфографике карта покажет местоположение новых клиентов, которых железнодорожная компания надеется привлечь. Вы добавите карту и поместите ее в свой шаблон, соответствующим образом настроив другие панели.
- В интерфейсе Построить инфографику на вкладке Мои шаблоны наведите указатель мыши на шаблон Rail Market Analysis и нажмите Открыть.
- Щелкните 100% и выберите Разместить на странице.
Чтобы освободить место для вашей карты в шаблоне, вы сначала переупорядочите панели.
- Перетащите панель (таблицу) Facilities Summary в нижнюю часть страницы и измените ее размер так, чтобы она занимала примерно нижнюю треть страницы. Переместите панель Intermodal Freight Facilities в среднюю левую часть страницы.
При перемещении панелей появляются направляющие, помогающие центрировать или выравнивать панели. Для аккуратного вида выровняйте эти панели по отношению друг к другу.
- Щелкните обе панели, удерживая нажатой клавишу Shift, чтобы выбрать их.
- Над инфографикой, нажмите Выравнивание и выберите Выровнять выбранное. Щелкните Выровнять по левому краю.
Панель Intermodal Freight Facilities выровняется по левому краю панели Facilities Summary. Теперь есть место для вашей карты.
- Над инфографикой, щелкните инструмент Добавить элемент и выберите Карта.
Появится окно Просмотр и выбор карт. Вы выберете базовую карту, поверх которой будут рисоваться данные.
- В окне Просмотр и выбор карт выберите Streets (Night).
Навигация по базовой карте навигации содержит много данных о транспорте, выделяет дороги и природные объекты, что делает ее хорошим фоном для контента, который вы будете отображать на карте. Панель карты по умолчанию отображается в центре шаблона. Теперь вы измените ее размер, чтобы заполнить доступное пространство, учитывая, где еще могут находиться другие панели.
- Наведите курсор на панель карты и щелкните Опции панели.
- В окне Опции панели разверните Измерения и измените значения Высота (в пикселах) и Ширина (в пикселах) на 500.
- Разверните Выравнивание и Положение. Для Слева (пикс.) введите 556, а для Верха (пикс.) введите 0.
Панель вашей карты настраивается и меняет размер по мере изменения значений.
- Закройте окно Опции панели.
- Выберите элементы Intermodal Freight Facilities и таблицы и переместите их вниз так, чтобы верхняя часть таблицы находилась прямо под элементом карты.
- Выберите панели карты и таблицы, удерживая нажатой клавишу Shift и щелкая каждую панель. Щелкните Выровнять и выберите Выровнять выбранное, затем щелкните Выровнять по правому краю.
Теперь ваша карта будет выровнена по правому краю таблицы.
Подсказка:
Конечная цель определения размеров и размещения этой панели может быть достигнута несколькими способами. Если в вашей инфографике все еще есть перекрывающиеся панели или неудобные интервалы, не стесняйтесь настраивать по мере необходимости, перетаскивая панели, используя стрелки клавиатуры или вводя значения вручную.
Свяжите карту с данными
Теперь, когда элемент карты находится в шаблоне, вы решите, какие данные вы хотите отображать на карте. Цель этой панели карты - помочь ответить на вопрос «Каковы рыночные возможности вблизи железнодорожных линий в Айове?» В этом разделе вы узнаете, как связать карту с данными о зерне и фрахте, чтобы показать, где находятся эти объекты.
- Наведите курсор на панель карты и щелкните Редактировать. Щелкните Редактировать карту.
- В окне Свойства карты, щелкните Добавить другие слои.
- В окне Добавить слои на карту, щелкните Добавить слой и выберите Связать существующую таблицу ближайших местоположений.
Появится окно Добавить таблицу ближайших местоположений, в котором отображается образец вашего шаблона инфографики. При наведении курсора на любую из двух других панелей, появится кнопка с надписью Добавить.
- Наведите курсор на панель таблицы Facilities Summary и нажмите Добавить.
В окне Добавить слои на карту панель Facilities Summary (называемая Grain Facility) теперь отображается как слой, связанный с панелью карты.
- Щёлкните стрелку рядом с символом Grain Facility. В окне символов, щелкните вкладку Стандартные и выберите символ Клетчатый флаг.
В окне символов вы можете изменить цвет и размер символа флага, который будет обозначать расположение зерновых объектов на карте.
- Для Размера используйте бегунок, чтобы изменить размер символа на 32.
- Для Цвета щелкните цветовую схему. В разделе Стандартный выберите средний оранжевый цвет.
- Щелкните Готово.
- В окне Добавить слои на карту, щелкните Добавить слой и выберите Связать существующую таблицу ближайших местоположений.
- Поместите курсор на панель Intermodal Freight Facilities и нажмите Добавить.
- Щёлкните стрелку рядом с символом Rail_and_Truck_Intermodla_Freight_Facilities. Щелкните вкладку Транспорт и выберите символ Грузовик.
- Измените размер символа на 32 и выберите оттенок светло-синего, чтобы контрастировать с оранжевым символом, представляющим зернохранилища.
- Щелкните Готово.
- В окне Добавить слои на карту щелкните Применить и в окне Опции панели нажмите Применить.
На панели карты теперь перечислены отображаемые слои. Карта появится после того, как вы запустите инфографику.
Добавьте заголовок к инфографике
Добавление и оформление заголовка в инфографике делает ее профессиональной. Заголовок предоставляет дополнительный контекст для тех, кто не знаком с целью инфографики. В этом разделе вы добавите заголовок и динамический текст, который будет определять сайт, на котором была размещена инфографика.
- Над инфографикой, щелкните Добавить элемент. Разверните Текст и выберите Панель.
Откроется пустая текстовая панель. Текстовая панель может содержать несколько сгруппированных текстовых полей и других визуальных элементов, которые функционируют (и могут перемещаться) как единое целое.
- Щелкните внутри текстовой панели и введите заголовок для своей инфографики: Market Analysis for ACME Rail.
- Выделите заголовок. В окне Стиль текста покажите текст полужирным шрифтом, размером 48 точек и выровняйте его по левому краю.
- Изменяйте размер панели, пока текстовое поле не станет равным высоте текста.
Перед добавлением текста вы добавите разделительную линию.
- Над текстовой панелью щелкните Добавить элемент и нажмите Форма.
- В списке Форм щелкните Линия.
На текстовую панель добавляется линия.
- Переместите линию под текст. Изменяйте размер линии, пока она не станет такой же ширины, как и текстовое окно над ней.
- Наведите курсор на линию и щелкните Редактировать форму. В окне Свойства формы для Толщина (в пикселах) введите 3. Закройте окно Свойства формы.
- Над текстовой панелью щелкните Добавить элемент и выберите Текстовое окно.
В центре текстовой панели появится пустое текстовое окно. Это текстовое окно будет содержать имя сайта в виде динамического текста.
- Перетащите текстовое окно под линию, выровняв его левый край по левому краю заголовка.
- Наведите курсор на новое текстовое окно и щелкните Редактировать текст.
- В окне Стиль текста щелкните Расширенное редактирование текста.
- В окне Добавить переменные в текст щёлкните стрелку ниспадающего списка Добавить динамическое поле или примечания и выберите Имя сайта.
Переменная с именем [Имя моего сайта] добавлена.
Динамический текст связан с данными на карте, поэтому в этом поле будет отображаться имя любого места, для которого вы запускаете инфографику.
- Выделите [Имя моего сайта], чтобы выбрать текст. В выборке Стиль текста покажите текст полужирным шрифтом, размером 24 точки и выровняйте его по левому краю.
Наконец, вы добавите значок на панель заголовка. Значок будет находиться слева от текста заголовка.
- Щелкните Сохранить.
- Измените размер текстового окна Market Analysis for ACME Rail так, чтобы между левым полем панели и текстовым окном оставался зазор. Если заголовок переходит на третью строку, текстовое окно слишком маленькое.
- Над текстовой панелью щелкните Добавить элемент и выберите Форма. В меню формы щелкните Все значки и выберите Транспорт. Щелкните значок поезда.
В центре текстовой панели появится значок поезда. Значок дает более наглядное представление о цели инфографики.
- Переместите значок слева от заголовка, выровняв его по левому краю с линией и названием сайта.
- Нажмите Применить и переместите новую панель заголовка в верхний левый угол инфографики, выровняв ее по верхнему краю панели карты и по левому краю двух других панелей.
- Сохраните шаблон инфографики и в окне инфографика сохранена щелкните OK.
На этом уроке вы добавили карту и заголовок в свой шаблон инфографики, связав их с данными в вашем проекте Business Analyst. Теперь, когда в вашем шаблоне собраны все элементы, вы можете настроить цвета и темы инфографики в соответствии с желаемым стилем и брендингом.
Настройка темы
Созданный вами шаблон инфографики Rail Market Analysis содержит важную для вашего проекта развития рынка информацию. Перед публикацией вы измените цвета темы. В этом случае вы измените цвета и символы шаблона, чтобы они эстетически соответствовали вашим ожиданиям и представляли информацию в визуально убедительной форме. В других случаях тему также можно настроить в соответствии с цветами и стилями какого-либо бренда.
Изменение стиля отображения элемента
В настоящее время информация о контейнерно-трейлерных терминалах отображается в шаблоне инфографики значком грузовика с одним номером. Однако для отображения дополнительной информации о местоположениях карты вы отобразите информацию о контейнерно-трейлерных терминалах в виде таблицы.
- В интерфейсе Построить инфографику на вкладке Мои шаблоны откройте шаблон инфографики Rail Market Analysis.
- Поместите курсор на панель Intermodal Freight Facilities и щелкните Редактировать.
- Щелкните Переключение на отображение таблицы и нажмите Применить.
Информация о контейнерно-трейлерных терминалах теперь отображается в виде таблицы с очень узкими столбцами - из-за чего ее невозможно прочитать.
- Выберите таблицу и измените ее размер, чтобы правая сторона почти касалась панели карты. Внесите все остальные необходимые изменения, чтобы таблица находилась в удобном месте под панелью заголовка.
Примечание:
Когда вы настроите поля на различных панелях, вы заметите, что появляются направляющие линии, указывающие на выравнивание между двумя элементами. Они могут быть полезны для того, чтобы ваш шаблон инфографики выглядел аккуратно и красиво.
Теперь, когда на вашей странице две таблицы, вы также хотите указать, что в каждой из них содержится.
- Поместите курсор на таблицу Intermodal Freight Facilities и щелкните Редактировать. Щелкните Дополнительные опции над панелью.
- В окне Дополнительные опции отметьте опцию Показать заголовок.
Заголовок таблицы будет добавлен над панелью таблицы. Далее вы измените заголовок.
- Наведите курсор на заголовок и щелкните Редактировать текст. Выберите существующий заголовок и замените его на Intermodal Freight Facilities. Щелкните Применить.
Далее вы настроите высоту заголовка строки, чтобы текст отображался правильно.
- Наведите курсор на поле Primary Mode of Transportation, а затем перетащите нижнюю часть строки вниз, чтобы отобразилось полное название поля
- Измените размер других строк или столбцов, где текст не виден полностью.
- Щелкните Применить.
- Отредактируйте таблицу Facilities Summary, чтобы также отобразить ее заголовок.
Выбор цветовой схемы
Шаблон инфографики в его нынешнем виде использует настройки цвета Business Analyst по умолчанию. Вы можете улучшить дизайн своего шаблона, выбрав цвета для инфографики и отформатировав таблицы.
- Над инфографикой, щелкните Тема.
- В окне Тема шаблона инфографики для параметра Выберите цветовую тему для вашего шаблона щелкните цветовую тему в оттенках серого.
Просмотр шаблона отобразит выбранную тему. Оттенки серого выглядят недостаточно ярко, поэтому вы добавите контрастный цвет.
- Щелкните Дополнительные опции и разверните Таблицу.
- В Заголовке таблицы щелкните образец цвета для Фон и выберите темно-бирюзовый цвет в пятом столбце, пятой строке.
Этот бирюзовый цвет соответствует серой теме, но при этом достаточно выделяется, чтобы сделать тему более привлекательной. Чтобы текст в заголовке таблицы был виден на новом, более темном фоне, вы также измените цвет текста.
- Рядом с Заголовком таблицы щелкните Изменить шрифт. Измените Цвет текста на белый и сделайте шрифт полужирным.
Чтобы облегчить чтение таблицы, вы выберите новый цвет фона для чередующихся строк таблицы.
- Для Чередования строк рядом с параметром Фон щелкните образец цвета и выберите самый светлый серый цвет.
В примере шаблона ничего сразу не изменится. Вам также нужно изменить настройки панели таблицы, чтобы чередующиеся строки в таблице отображались разными цветами.
Подсказка:
Чтобы подобрать цвета бренда или иным образом выбрать собственные цвета, вы можете вручную ввести шестнадцатеричный код цвета (HEX) или значения RGB в расширенных настройках.
Вы внесли изменения в тему шаблона.
- Щелкните Применить.
Теперь вы измените панель заголовка, чтобы она соответствовала только что выбранным вами цветам.
- Наведите курсор на панель заголовка и щелкните Редактировать.
Теперь вы увидите каждый элемент на панели в виде отдельного редактируемого компонента.
- Наведите курсор на значок поезда и щелкните Редактировать форму.
- В окне Свойства формы щелкните образец цвета для Заливки и выберите темно-бирюзовый цвет, который вы указывали для заголовков таблицы.
Теперь цвет значок поезда - бирюзовый, такой же, как у заголовков таблицы.
- Закройте окно Свойства формы. На текстовой панели щелкните Применить.
И, наконец, вы настроите отображение чередующихся строк таблицы. Чередование строк упрощает чтение таблицы с большим количеством текста.
- Поместите курсор на таблицу Intermodal Freight Facilities и щелкните Редактировать. Щелкните Изменить стиль таблицы и число местоположений.
- Нажмите и удерживайте клавишу Shift. В таблице щелкните первую и последнюю ячейки в третьей строке, чтобы выделить всю третью строку.
Когда выбрана последняя строка, откроется окно Стиль и формат.
- В окне Стиль и формат для параметра Стили щелкните ниспадающее меню и выберите AlternatingRow.
Каждая вторая строка в таблице теперь окрашена в светло-серый цвет.
- Закройте окно Стиль и формат. На панели щелкните Применить.
- Отредактируйте другую таблицу, чтобы она также имела чередующиеся цвета строк.
- Сохраните шаблон инфографики.
Запуск инфографики
Наконец, вы запустите инфографику.
- На ленте Business Analyst щелкните вкладку Карты.
Вы сделаете образец места для тестирования инфографики.
- На панели инструментов щелкните Булавка.
- На карте щелкните в любом месте Айовы. В появившемся всплывающем окне нажмите Создать место.
- На вкладке Круги, для параметра Радиус, введите 30 в первом поле. Сотрите текст из двух других полей.
- Щелкните Применить.
Вокруг булавки появится круг радиусом 20 миль.
- Во всплывающем окне щелкните Инфографика.
Ваша инфографика запустится, отображая анализ рынка для созданного вами образца площадки. На карте показано несколько символов флагов (обозначающих зернохранилища) и символов грузовиков (обозначающих грузовые терминалы). В таблицах содержится информация об этих объектах.
- Нажмите Esc, чтобы закрыть инфографику. Закройте ArcGIS Business Analyst.
В этом руководстве вы прошли этапы настройки простой инфографики в ArcGIS Business Analyst. Эти навыки полезны для анализа перспектив, важных для железнодорожной отрасли и также могут пригодиться в любом другом проекте Business Analyst. Используя эти техники дизайна и конструктор инфографики, вы можете создавать безупречные информативные отображения важной для вашей работы информации.