Положение оси значений
Обычно положение оси значений (оси с числовыми отметками — оси Y) предполагается слева (у круговых диаграмм такой оси нет вообще), но при необходимости это положение можно изменить.
О том, как изменить положение оси, если одна диаграмма комбинируется из нескольких типов, смотрите долее в разделе «Комбинированные диаграммы» этой главы.
В списке Value Axis (Ось значений) раздела Graph Options (Параметры диаграммы) диалогового окна Graph Type (Тип диаграммы) можно выбрать один из вариантов расположения оси значений.
| Для диаграмм типа Bar (Горизонтальные, полосй) и Stacked Bar (Горизонтальный стек) предлагаются варианты Оа Bottom Side (Снизу), On Top Side (Сверху) и On Both Sides (С обеих сторон). | |
![]() |
Для диаграммы типа Radar (Радар) выбора нет: один вариант On All Sides (Со всех сторон). |
![]() |
Для диаграмм типа Column (Вертикальные полосы), Stacked Column (Вертикальный стек), line (Линейный график), Area (Аддитивный график) и Scatter (Точечная диаграмма) предлагаются варианты On Left Side (Слева), On Right Side (Справа) и On Both Sides (С обеих сторон). |
При выборе варианта On Both Sides (С обеих сторон), если не выполнить специальной процедуры, о которой смотрите ниже, то на обеих осях будет отображаться одинаковый масштаб значений.
Для того чтобы установить различный масштаб на осях значений, необходимо с помощью инструмента Group Selection (Выделение в группе) ( Value Axis (Ось значений) выбрать один из следующих вариантов.
| Для диаграмм типа Column (Вертикальные полосы). Stacked Column (Вертикальный стек), line (Линейный график). Area (Аддитивный график) и Scatter (Точечная диаграмма) выбрать вариант On Left Side (Слева) или On Right Side (Справа) в зависимости от того, с какой стороны необходимо отображение значений для данной группы значений. | |
| Для диаграмм типа Bar (Горизонтальные полосы) и Stacked Bar (Горизонтальный стек) выбрать соответственно вариант On Bottom Side (Снизу) или On Top Side (Сверху). |
О ручной установке меток на оси значений смотрите в следующем разделе.
Метки на оси значений
Если диаграмма представляет собой не декоративное пятно на странице издания, а требуется для работы и анализа, то совершенно необходимо, чтобы метки на оси значений давали возможности однозначно «считывать» цифровую информацию. Кроме того, эти метки могут быть снабжены указанием единицы измерения, например, «$» или «Mb».
Метки на оси (Tick Marks) ~- это черточки или линии, перпендикулярные оси значений и расположенные в соответствующих точках, отображающих единицы измерения.
О том, как изменить параметры меток на оси, если одна диаграмма является комбинацией нескольких типов, смотрите ниже в разделе «Комбинированные диаграммы» данной главы.
В списке в верхней части диалогового окна Graph Type (Тип диаграммы) следует выбрать вариант Value Axis (Ось значений), который открывает новый раздел этого диалогового окна (рис. 13.17).
| Рис 13.17. Раздел Value Axis диалогового окна Graph Type ; |
В группе Tick Values (Диапазон’ значений) по умой^ию установлен флажок Override Calculated Valuer (Игнорировать расчетные значения), который обеспечивает автоматический расчет и отображение меток единиц измерения.
Если требуется иная расстановка меток, то этот флажок снимается, а в ставших доступными полях устанавливаются нужные значения.
![]() |
В поле Мin. (Min) — минимальное значение для метки. |
![]() |
В поле Max. (Max) — максимальное значение для метки. |
![]() |
В поле Divisions (Секции) — количество промежуточных меток в диапазоне от 1 до 1000. |
В группе Add Labels (Добавить к меткам) для цифровых значений можно ввести название единицы измерения.
| Поле Prefix (Префикс) служит для ввода единицы измерения, которая «пишется» перед числом, например, «$». | |
| Поле Suffix (Суффикс) предназначено для ввода единицы измерения, которая «пишется» после числа, например, «руб.». |
Впрочем, в эти поля можно вводить любой произвольный текст.
Для того чтобы определить параметры для горизонтальной оси, необходимо в списке в верхней части диалогового окна Graph Type (Тип диаграммы) выбрать вариант Category Axis (Ось категорий), который открывает новый раздел этого диалогового окна (рис. 13.18).
Все параметры,этого раздела идентичны соответствующим параметрам для оси значений.
| Рис 13.18. Раздел Category Axis диалогового окна Graph Type |
Стилевые особенности диаграмм
В группе Style (Стиль) раздела Graph Options (Параметры диаграммы) диалогового окна Graph Type (Тип диаграммы) (рис. 13.19) представлены флажки, установка которых обеспечивает те или иные эффекты или способы представления информации.
![]() |
Флажок Add Drop Shadow (Добавить тень) автоматически копирует объекты диаграммы, перемешает и выполняет другие действия с тем, чтобы за счет создания тени достичь некоего подобия трехмерности. |
![]() |
Флажок Add Legend Across Top (Легенды сверху) размещает элементы легенд вдоль верхнего края диаграммы в противовес принятому по умолчанию размещению в правой части диаграммы. |
![]() |
Флажки First Column in Front (Первый столбец впереди) и First Row inFront (Первый ряд впереди) пригодятся на случай перекрытия колонками друг друга. |
| Рис 13.19. Поле Style раздела Graph Options диалогового окна Graph Type |
Изменение типа диаграммы
Определенный набор данных, как уже было сказано выше в разделе «Типы диаграмм» данной главы, находит свое адекватное отражение в определенном типе диаграммы, например, процентный состав максимально нагляден в круговой диаграмме, а тенденция роста ийи падения — в лийейной диаграмме.
Однако при первых попытках анализа не всегда просто выбрать Правильный тип диаграммы (да и данные у заказчика иногда оставляют желать большей ясности), поэтому программа Adobe Illustrator позволяет довольно легко (лишь с небольшими оговорками) переходить от одного типа диаграмм к другому. Это способствует лучшему осознанию того, что требуется, и что могут отобразить эти данные (состав, процесс, тенденцию, объемы и т. д.).
| Nota Bene. Следует, однако, иметь в веду, что до окончательного решения относительно типа и формы диаграммы лучше не торопиться ее «украшать» — изменять цвет, использовать заливки, особенно градиентные, а также трансформировать сами векторные элементы диаграммы. В этом случае процесс изменения типа диаграммы может привести к самым неожиданным последствиям. |
Изменение типа диаграммы осуществляется с помощью кнопок группы Type (Тип) раздела Graph Options (Параметры диаграммы) диалогового окна Graph Type (Тип диаграммы).
Типам диаграмм соответствуют кнопки (слева направо):
![]() |
Column (Вертикальные полосы) |
![]() |
Stacked Column (Вертикальный стек) |
![]() |
Bar (Горизонтальные полосы) |
![]() |
Stacked Bar (Горизонтальный стек) |
![]() |
Line (Линейный график) |
![]() |
Area (Аддитивный график) |
![]() |
Scatter (Точечная диаграмма) |
![]() |
Pie (Круговая диаграмма) |
![]() |
Radar (Радар) |
Самое удивительное свойство инструментов группы Graph (Диаграмма) заключается в возможности комбинировать различные типы диаграмм (рис. 13.20). Исключение составляет только точечная диаграмма (scatter).
Для того чтобы сочетать различные типы диаграмм в одной, необходимо с помощью инструмента Group Selection (Выделение в группе) (Object/Graphs (Объект/Диаграмма) или двойного щелчка на одном из инструментов группы Graph (Диаграмма) вызвать диалоговое окно Graph Type (Тип диаграммы), в котором выбрать другой тип диаграммы и установить соответствующие параметры.
| Рис 13.20. Пример комбинирования диаграмм Column и Line |
В случае наличия в одной диаграмме нескольких типов диаграмм надо учитывать своеобразие каждой из них, например, вероятность того, что они будут перекрывать друг друга. Данной возможностью следует пользоваться только при хорошо продуманном соотношении и взаимном сочетании различных диаграмм.
Fore kc .ru
Рефераты, дипломы, курсовые, выпускные и квалификационные работы, диссертации, учебники, учебные пособия, лекции, методические пособия и рекомендации, программы и курсы обучения, публикации из профильных изданий
Разбор диаграммы в Adobe Illustrator: подробное руководство

Иллюстратор — это мощный инструмент для создания графики и векторных изображений. Он также имеет функцию создания диаграмм, которая может быть полезна для визуализации данных и создания информативных и удобных для чтения графических представлений. В этой статье мы рассмотрим полезные советы и шаги для начинающих по разборке диаграмм в Иллюстраторе.
Первым шагом в разборке диаграммы является открытие ее в Иллюстраторе. Для этого выберите команду «Открыть» в меню Файл или используйте быстрый способ, перетащив файл диаграммы в программу. После того, как файл открыт, вы увидите диаграмму на экране.
Далее, чтобы начать разборку диаграммы, вам может понадобиться использовать различные инструменты Иллюстратора. Например, инструмент «Выбрать» позволяет выделить элементы диаграммы для дальнейшей работы с ними. Вы также можете использовать инструменты «Переместить», «Удалить» или «Изменить размер» для изменения расположения или размера элементов диаграммы.
Совет: перед тем, как начать разборку диаграммы, рекомендуется создать резервную копию оригинального файла. Это поможет избежать потери данных в случае нежелательных изменений или ошибок в процессе работы.
Дополнительный совет: поскольку Иллюстратор предлагает широкий спектр функций для работы с диаграммами, не стесняйтесь исследовать различные инструменты и возможности программы. Это поможет вам научиться создавать и редактировать диаграммы более эффективно и профессионально.
Основы работы с диаграммами в Иллюстраторе
Adobe Illustrator предоставляет мощный набор инструментов для создания и редактирования диаграмм. В этом разделе мы рассмотрим основы работы с диаграммами в Иллюстраторе, чтобы помочь вам начать создавать профессионально выглядящие диаграммы.
Шаг 1: Создание диаграммы
В Иллюстраторе вы можете создать диаграмму изначально или импортировать ее из другого приложения. Чтобы создать новую диаграмму, выберите инструмент «Диаграмма», расположенный на панели инструментов. Затем просто щелкните на холсте, чтобы выбрать тип диаграммы, который вы хотите создать.
Шаг 2: Редактирование диаграммы
После создания диаграммы вы можете начать редактировать ее, чтобы отразить нужные данные. Вы можете изменить значения, добавить или удалить категории и элементы данных, а также настроить внешний вид диаграммы.
Чтобы изменить значения, выделите их и введите новые данные. Чтобы добавить новые категории или элементы данных, используйте инструмент «Создать категорию» или «Создать элемент данных». Чтобы удалить категорию или элемент данных, выделите его и нажмите клавишу «Delete» на клавиатуре.
Шаг 3: Настройка внешнего вида
Иллюстратор предлагает широкие возможности для настройки внешнего вида диаграммы. Вы можете изменить цвета, шрифты, толщину линий, добавить обводку или тень, а также настроить масштаб и расположение элементов диаграммы.
Для настройки цветов и шрифтов выделите нужные элементы диаграммы и выберите соответствующие опции на панели свойств или панели инструментов. Чтобы изменить толщину линий, добавить обводку или тень, используйте инструменты рисования и эффекты, доступные в Иллюстраторе.
Шаг 4: Экспорт диаграммы
Когда вы закончите работу с диаграммой, вы можете экспортировать ее в различные форматы файлов, чтобы использовать в других приложениях или распечатать. Выберите «Файл» -> «Экспорт» или «Файл» -> «Сохранить как», чтобы сохранить диаграмму в нужном формате.
Теперь вы знакомы с основами работы с диаграммами в Иллюстраторе. Используйте эти шаги и мощные инструменты Иллюстратора, чтобы создавать профессиональные и запоминающиеся диаграммы для ваших проектов.
Создание нового проекта и выбор инструмента
Когда вы хотите разобрать диаграмму в Adobe Illustrator, первым шагом является создание нового проекта. Выберите размер холста, который соответствует вашим нуждам, и откройте пустой документ.
После создания проекта вам потребуется выбрать подходящий инструмент для работы с диаграммой. Illustrator предлагает несколько инструментов, которые могут быть полезны для этой задачи.
1. Инструмент «Фигуры»
Инструмент «Фигуры» предоставляет широкий выбор геометрических форм, таких как круги, квадраты, прямоугольники и линии. Вы можете использовать этот инструмент для создания основных элементов вашей диаграммы.
2. Инструмент «Текст»
Инструмент «Текст» позволяет добавлять текстовые блоки к диаграмме и настраивать их внешний вид. Вы можете изменять шрифт, размер, цвет и выравнивание текста, чтобы он соответствовал вашим потребностям.
3. Инструмент «Перо»
Инструмент «Перо» позволяет создавать и редактировать сложные формы и пути. Вы можете использовать это инструмент для создания кривых и векторных элементов в вашей диаграмме.
4. Инструмент «Символы»
Инструмент «Символы» предлагает набор предопределенных символов, которые могут быть полезны для создания диаграмм. Вы можете выбрать нужный символ и просто перетащить его на холст.
5. Инструмент «Кривые Безье»
Инструмент «Кривые Безье» позволяет рисовать сложные кривые линии и формы. Это полезный инструмент для создания деталей и кривых элементов вашей диаграммы.
Выбирая инструмент, учитывайте сложность вашей диаграммы и требуемые элементы. Определитесь с наиболее подходящим инструментом для достижения нужного результата.
Работа с формами и элементами диаграммы
Для работы с формами и элементами диаграммы в Иллюстраторе необходимо ознакомиться с основными инструментами и функциями программы:
- Выбор элементов: С помощью инструмента «Выбор» вы можете выделить и перемещать различные элементы диаграммы.
- Создание форм: Иллюстратор предлагает широкий набор инструментов для создания различных фигур и форм, которые могут быть использованы в диаграммах.
- Изменение форм: Вы можете изменять размеры, форму, цвет и другие свойства элементов диаграммы с использованием инструментов «Изменение размера», «Перемещение», «Перетаскивание», «Заливка» и другие.
- Создание текстовых надписей: Для добавления текстовой информации к диаграмме, вы можете использовать инструменты «Текст» и «Инструменты форматирования текста».
- Группировка элементов: Если в вашей диаграмме содержится большое количество элементов, вы можете объединить их в группы, чтобы легче управлять всей структурой.
- Выравнивание и распределение: Иллюстратор предлагает инструменты для выравнивания и распределения элементов диаграммы по горизонтали или вертикали.
- Соединение элементов: Если ваша диаграмма требует связей или линий между элементами, вы можете использовать инструмент «Линия» для установки связей.
- Форматирование элементов: Иллюстратор предоставляет широкие возможности для форматирования и стилизации элементов диаграммы, включая изменение цвета, шрифта, размера и других атрибутов.
Это лишь базовые инструменты и функции, которые помогут вам начать работу с формами и элементами диаграммы в Иллюстраторе. Чем больше вы будете практиковаться и исследовать возможности программы, тем лучше вы сможете создавать сложные и красивые диаграммы для вашего проекта.
Советы для эффективного разбора диаграммы
Диаграммы являются важными инструментами визуализации данных и могут помочь нам лучше понять и анализировать информацию. Разбор диаграммы в Иллюстраторе может быть сложным процессом, особенно для начинающих. В этой статье мы предлагаем несколько советов, которые помогут вам эффективно разобрать диаграмму.
- Анализируйте тип диаграммы: Первый шаг в разборе диаграммы — понять ее тип. Это может быть круговая диаграмма, столбчатая, гистограмма и т. д. Каждый тип диаграммы имеет свои особенности и требует определенного подхода в разборе.
- Изучите легенду: Легенда содержит ключевую информацию о значениях и цветах, используемых в диаграмме. Изучите легенду, чтобы понять, какие данные она представляет и как они соотносятся с диаграммой.
- Обратите внимание на метки осей и подписи: Метки осей и подписи помогают понять, какие значения представлены на диаграмме. Они могут указывать на единицы измерения, временные периоды и другие важные детали.
- Используйте инструменты измерения: Иллюстратор предоставляет инструменты для измерения размеров объектов на диаграмме. Используйте их, чтобы получить точные данные и провести более детальный анализ диаграммы.
- Применяйте увеличение и перемещение: Если диаграмма слишком мала или слишком большая, используйте инструменты увеличения и перемещения, чтобы улучшить видимость и анализировать мельчайшие детали.
- Сравнивайте диаграмму с другими источниками данных: Чтобы лучше понять данные на диаграмме, сравните их с другими источниками информации или аналогичными диаграммами. Это поможет вам оценить достоверность данных и сделать более обоснованные выводы.
- Используйте инструменты анализа данных: Иллюстратор предлагает некоторые инструменты анализа данных, такие как сортировка и фильтрация. Используйте их, чтобы выделить наиболее важные данные и лучше понять тенденции и закономерности на диаграмме.
Следуя этим советам, вы сможете эффективно разобрать диаграмму в Иллюстраторе и получить более полное представление о данных, которые она представляет.
Работа с цветами и оттенками
В работе с диаграммами в Иллюстраторе очень важным аспектом является использование правильных цветов и оттенков. Цвета могут помочь выделить важную информацию, создать конкретное настроение или привлечь внимание к определенным элементам.
Вот несколько полезных советов по работе с цветами и оттенками:
- Выберите правильную цветовую гамму: Цветовая гамма должна соответствовать теме вашей диаграммы. Используйте цвета, которые хорошо сочетаются вместе и дополняют друг друга. Избегайте слишком ярких или несочетаемых цветов, так как они могут отвлекать или затруднять чтение информации.
- Используйте оттенки цветов: Вместо того чтобы использовать только один цвет, попробуйте варьировать оттенки этого цвета. Это поможет создать глубину и интерес в диаграмме. Например, вы можете использовать светлые и темные оттенки одного цвета для выделения разных категорий данных.
- Создайте контраст: Чтобы выделить важные элементы в диаграмме, используйте контрастные цвета. Например, если большая часть диаграммы имеет светлый цвет, сделайте ключевой элемент темным или ярким цветом. Это поможет сделать его более заметным и привлечь внимание.
- Используйте символы цветов: Если в вашей диаграмме присутствуют разные категории или группы данных, вы можете использовать символы цветов для обозначения каждой из них. Например, вы можете создать легенду, где каждая категория будет иметь свой уникальный цвет или оттенок.
Не бойтесь экспериментировать с цветами и оттенками, чтобы создать визуально привлекательную и информативную диаграмму. Помните, что главное — сохранить читаемость и понятность информации.
Вопрос-ответ
Как разобрать диаграмму в Иллюстраторе?
Чтобы разобрать диаграмму в Иллюстраторе, вам понадобится использовать инструмент «Выделение» (Selection Tool) для выбора и разбиения элементов диаграммы. Затем вы можете использовать инструменты «Выделение прямоугольной области» (Rectangle Selection Tool) или «Магическая палочка» (Magic Wand Tool) для выбора и удаления отдельных сегментов диаграммы.
Извлечение данных из картинки с помощью Illustrator и Excel 1
Работая над отчётом или графиком, мы, как правило, располагаем данными в текстовом виде: таблицей в Эксель или .DOC-файлом. Но что делать, если таблицы с данными нет, а в качестве исходника выступает картинка? В лучшем случае она векторная, в худшем — растровая и плохого качества. Такая задача нам попадалась не раз, так что мы решили написать небольшую инструкцию-подсказку.
В качестве исходника будет выступать вот такой безымянный скан без подписанных значений для каждого столбца. Ниже мы пошагово расскажем, как такую картинку можно перевести в интерактивную диаграмму, причем более наглядную.

Рис. 1. Исходная гистограмма
Для восстановления данных не стоит замерять линейкой столбцы на мониторе и выписывать их на бумажку, существует метод изящнее. Можно воспользоваться тем, что из файла в формате .SVG можно извлечь данные, пригодные для вставки в Эксель.
Отступление о формате .SVG: Базовый векторный формат, доступен во всех векторных редакторах, объекты в нём хранятся в виде наборов координат X и Y. За ноль считается левый верхний угол.
1. Открываем исходное изображение в Иллюстраторе. Нужно убедиться, что оно расположено строго горизонтально.
2. Расставляем направляющие с постоянным интервалом таким образом, чтобы на один год приходилась одна направляющая.
3. С помощью инструмента «Перо» создаем две ломанные кривые, вручную отмечая высоту столбцов. Принадлежащие одному году точки кривых размещаем друг под другом, ориентируясь на созданные на прошлом шаге направляющие. Это нужно для того, чтобы ряд координат X был одинаков у обеих кривых.

Рис. 2. Поверх исходной растровой картинки положены направляющие и нарисованы две векторные кривые
4. В формате .SVG отсчёт координат ведётся с левого верхнего угла монтажной области. Поэтому нашу диаграмму нужно отзеркалить сверху вниз так, чтобы ноль координат на графике совпал с точкой отсчёта .SVG-файла. Все объекты кроме кривых удаляем для того чтобы они не усложняли код .SVG-файла. На этом шаге нужно быть очень внимательным с горизонтальной осью. Она должна оказаться точно на верхней границе монтажной области (в нашем случае красная кривая в 1983 году имеет значение «0», поэтому этой точкой она касается горизонтальной оси).

Рис. 3. Лишнее удалено, кривые отзеркалены по вертикали и выровнены по верхнему левому углу монтажной области
5. Сохраняем документ в формате .SVG, сняв галку «использовать монтажные области». В появившемся диалоговом окне нажимаем на кнопку «Код SVG». Откроется текстовый редактор. Процесс сохранения можно не доводить до конца, так как сам .SVG-файл далее не потребуется.

Рис. 4. Сохранение в .SVG
6. В коде нас интересуют только координаты точек, из которых состоят красная и синяя кривые. На рисунке ниже искомые данные выделены красным. Проведём автозамену в два этапа так, чтобы целая и дробная части отделялись запятой, а не точкой. Это нужно для того, чтобы позднее Эксель правильно понимал формат числа.

Рис. 5. Искомые части кода
7. В неизменённых данных запятая разделяет пару координат X и Y. Так как запятая будет выполнять роль разделителя целой и дробной частей, то разделять координаты X и Y должен другой символ. В нашем случае это — точка с запятой. Проведём замену запятой на точку с запятой.

Рис. 6. Замена разделителя координат X и Y
8. Теперь можно заменить точки на запятые. Описанный порядок замены не позволит испортить данные. Если провести замену точки на запятую сразу в исходных данных, это приведёт к тому, что запятая будет выполнять несколько ролей и при обработке данных в Экселе возникнут трудности.

Рис. 7. Замена десятичного разделителя, итоговый формат данных
9. Вставляем первый из наборов координат в ячейку Экселя.

Рис. 8. Вставка в ячейку
10. Не снимая выделения с этой ячейки во вкладке меню «Данные» нажимаем «Текст по столбцам». Нужно разбить текстовую строку в ячейке на отдельные ячейки, каждая из которых будет содержать в себе пару координат: X и Y. В качестве разделителя ячеек выбираем «пробел».

Рис. 9. Разбивка текста на ячейки, первый шаг

Рис. 10. Разбивка текста на ячейки, пробел в качестве разделителя
11. Далее нам нужно превратить горизонтальный ряд ячеек в вертикальный. Для этого выделим все ячейки, копировать → нажать правой кнопкой мыши на пустую ячейку ниже → специальная вставка → транспонировать. Горизонтальный ряд удаляем, оставляя только вертикальный.

Рис. 11. Превращение строки в столбец
12. Теперь нужно разбить столбец надвое, в левом будут координаты X, в правом Y. Разделителем в примере выступит точка с запятой. После разбивки нужно проверить, чтобы строки следовали сверху вниз от минимума к максимуму, ориентируясь по первому столбцу (A). Этот столбец в настоящем примере соответствует координатам X.

Рис. 12. Разбивка столбца надвое

Рис. 13. Разделённые и отсортированные столбцы координат
13. Проводим описанную выше обработку и для второго набора координат, отвечающего за вторую кривую.
14. Данные уже можно отобразить в виде точечной диаграммы. Причём, новые версии Экселя распознают пары столбцов X и Y, если в контекстном меню диаграммы зайти в «Тип диаграммы» и рассмотреть предложенные варианты.

Рис. 14. Извлечённые данные и автоматически построенная точечная диаграмма
15. У обоих наборов координат столбец X одинаков. Заменим их столбцом годов как в исходной картинке. По данным такого вида можно строить графики и гистограммы.

Рис. 15. Координаты X заменены на года
16. Не забудьте, что в результате всех этих действий мы получили кривые, построенные по условным значениям, взятым из координат .SVG-файла. Вы сможете перевести все значения в реальные, если у вас есть хотя бы одно реальное значение для любой из точек. На рисунке ниже цифра 224 — реальное значение из сопровождающего текста. Ей соответствует значение 77,342 условных единиц (координата Y из .SVG). Получается, что в нашем примере все значения Y для каждой кривой надо умножить на коэффициент 3,14, чтобы получить реальные значения.

Рис. 16. Расчет коэффициента соответствия условных единиц реальным
17. Выделим коэффициент, копировать → выделить оба столбца Y → правая клавиша → специальная вставка → умножить.

Рис. 17. Домножение столбцов Y на коэффициент соответствия
18. В итоге у нас есть набор данных в Экселе, который соответствует исходной картинке, см. рисунок ниже.

Рис. 18. Исходная гистограмма со значениями
19. Такой тип диаграммы используется в исходнике, но это вовсе не значит, что он подобран хорошо. Если задача это позволяет, попробуйте подобрать более подходящий способ представления. В данном случае динамику по годам будет легче оценить по линейной диаграмме с маркерами.

Рис. 19. График с маркерами, построенный по обработанным данным
20. С помощью этой инструкции данные извлечённые из картинки можно обрабатывать, анализировать, строить по ним диаграммы другого типа. Нашей целью было сделать интерактивную визуализацию, ниже показан результат и генерирующий его код.
И вот что из этого получилось:
Если у вас есть похожие «помощники»– делитесь! Будем рады узнать что-то новое.
В подготовке материала вместе с Андреем Постуховым участвовали Олег Степанов и Максим Горчаков
7 способов создания иллюстрированных диаграмм
Своеобразная красота стройных колонок цифр, оценить которую в состоянии лишь бухгалтеры, навевает скуку на обывателя. Поэтому перед дизайнером часто ставится задача преобразить данные электронной таблицы, «вдохнув» в них жизнь, независимо от того — годовой ли это отчет компании, статистический справочник или еженедельник финансовых новостей. Итак, каков же лучший способ превратить все эти скучные строки и колонки в наглядные изображения, помогающие читателю сориентироваться в предлагаемых данных? Для преобразования данных из таблицы Excel в привлекательные диаграммы с рисунками использовались семь приложений Macintosh и Windows. Художник-иллюстратор Ральф Бергер воспользовался для этого пакетами Adobe Illustrator 7.0 (его стоимость — 595 долл.) и Macromedia FreeHand 7 (599 долл.), в то время как сотрудничающий с журналом Publish редактор Марти Бодет для построения диаграмм выбрал четыре специализированных продукта: Adrenaline Charts SE 1.0.1 (149,99 долл.), CorelChart 6 (часть набора CorelDraw 6 suite, 595 долл.), Microsoft Excel 97 (339 долл.) и SPC ActiveOffice 1.0 (50 долл.). А редактор журнала Publish Джейк Уидман остановился на одном из самых популярных пакетов DeltaGraph 4.0 (295 долл.) компании SPSS. Какой из продуктов лучше, как всегда, решать вам. Не обращайте особого внимания на эстетическую сторону представленных далее диаграмм, а постарайтесь хорошенько присмотреться к функциональным возможностям и методам использования каждого пакета.
Adobe Illustrator 7.0
Ральф Бергер начал работу, выбрав инструмент создания диаграмм (graph) из палитры. Посредством его можно создавать девять типов рисунков. Пакет Illustrator не позволяет представлять данные по трем осям координат, поэтому Бергер остановился на стандартной столбиковой диаграмме. Протащив ее инструмент вдоль пустой страницы, художник открыл лист для данных.
Бергер предпочел ввести информацию вручную, хотя Illustrator позволяет также вставлять данные из пакета Excel или импортировать таблицы, разделенные табуляциями. По умолчанию диаграмма создается в градациях серого цвета.
Бергер решил, что для реализации эффекта пиктограмм пакета Illustrator потребуется слишком много ненужной работы. Для получения цилиндрических столбиков он предпочел использовать эффект экструзии. Вначале был воссоздан прямоугольник, к которому Бергер применил градиентную заливку. «Присоединение» овалов к концам прямоугольника осуществлено посредством команды Object (Объект), Pathfinder (Указатель), Unite (Объединить). Для имитации глубины овал также был заполнен градиентной заливкой. Особенности работы с Illustrator потребовали еще одного обрамляющего весь циллиндр прямоугольника, который был перемещен на задний план.
Выбрав цилиндр и прямоугольник, Бергер выполнил команды Graphs (Диаграммы), Design (Рисовать) из меню Object. Затем щелкнул по кнопке New Design (Новый вид) и присвоил новому виду колонки название «gold tube» (золотая трубка). Создавая два другие цилиндра, получивших названия «blue tube» и «pink tube», он дважды скопировал и перекрасил исходный объект.
Чтобы применить созданные «трубчатые» стили, Бергер выбрал каждую серию столбиков и выполнил команду Object, Graphs, Column (Столбец). В списке Column Type (Тип столбца) он отметил каждый вид столбца как Sliding (Скользящий), во избежание искажения колонок при масштабировании. Затем к каждой серии был применен цветной «трубчатый» стиль.
Для изменения масштаба по оси y, Бергер выбрал диаграмму, дважды щелкнул по инструменту диаграмм и выбрал соответствующие опции из списка Value Axis (Параметры осей), расположенного в верхней части окна диалога.
При перемещении легенды под диаграмму, Бергеру пришлось разгруппировать рисунок, закрыв его связь c листом данных. Это исключило возможность автоматического обновления вида диаграммы при изменении данных.
Большей привлекательности диаграммы Бергер достиг посредством импортирования готовых рисунков. Пакет Illustrator автоматически не отображает значения данных на концах столбиков, поэтому автору пришлось ввести их вручную.
Он сохранил диаграмму в формате Illustrator EPS, что позволило поместить ее в пакет QuarkXPress.
Источник: Adobe Systems, www.adobe.com.
Adrenaline Charts SE 1.0.1
Пакет Charts SE не допускает непосредственный ввод данных, но Бодет смог импортировать текстовый файл, сохраненный из пакета Excel, автоматически конвертированный в диаграмму. Хотя программа содержит 23 стиля рисунков, все же заданный по умолчанию стиль вполне удовлетворил художника — это столбиковая трехмерная диаграмма. Чтобы сделать столбики цилиндрическими, Бодет щелкнул по кнопке 3D Cylinders (Трехмерные цилиндры). Добиться более удобного угла обзора, при котором были бы лучше видны короткие столбики, удалось методом вращения диаграммы в интерактивном режиме.
Затем автор щелкнул по кнопке Axis (Оси) в палитре Appearance (Вид) и выбрал опцию Custom (Пользовательский) из выпадающего списка Scale (Масштаб), с целью задать максимальные значения по осям. Далее он щелкнул по каждой метке оси и настроил их шрифт, размер и стиль, выполнив затем команду Text (Текст), 3D Aspect (Тип объемного представления), Perspective (Перспектива) из палитры Fonts (Шрифты). В результате текст расположился параллельно осям серий данных.
Так как Charts SE импортирует лишь изображения PICT, Бодету пришлось растрировать изображения EPS при помощи пакета Adobe Photoshop. Затем он щелкнул по колонке Cats (Коты), удерживая клавиши , выполнил команду File (Файл), Import (Импорт) из меню и выбрал опцию Image (Изображение) из всплывающего меню File Format (Форматы файлов). Взяв картинку кота, Бодет наложил ее на серию котов. Подобную операцию он повторил с кроликами и крысами, а также с подложкой диаграммы, куда была наложена текстура деревянного пола.
Для поворота изображения кроликов на первый план, художник щелкнул по серии с кроликами, удерживая клавиши , после чего воспользовался кнопкой Effects (Эффекты) из палитры Appearance (Вид) и повернул картинки. Пакет Charts SE отображает выбранные колонки в режиме проволочного каркаса, поэтому эффект вращения в интерактивном режиме не виден. Чтобы установить изображения в нужное положение, пришлось сделать несколько операций — выбор и отмену выбора колонок.
Команда Chart, Chart Title (Заголовок диаграммы) из меню позволяет поместить лишь неперемещаемый заголовок в верхней части страницы. Пришлось передвинуть саму диаграмму ближе к заголовку. Пакет не позволяет вставлять подзаголовки в рисунок, поэтому, для добавления строки «1997 Sales», Бодет использовал команду Y Axis Title (Заголовок оси Y), однако и такую подпись нельзя перемещать — а она пересекалась с другими подписями на оси y.
Хотя программа Charts SE и позволяет задавать для диаграммы источник освещения, увидеть результаты его применения до окончания рендеринга нельзя. Бодет посчитал возможность настройки источника света требующей неоправданно много времени.
Для получения готовых файлов в пакете Charts SE необходим их рендеринг. На конечной стадии его инструмент Electric Cafe Photo SE, входящий в комплект программы, добавил к диаграмме тени от столбиков.
CorelChart 6
Команда New (Новая) из меню File пакета CorelChart отображает окно со списком типов диаграмм, откуда Бодет выбрал 3D Riser. Получилась объемная столбиковая диаграмма на основе произвольных данных. Затем, для открытия окна с электронной таблицей, он выполнил команды Edit (Правка), Edit Chart Data (Правка данных для диаграммы). В таблицу нельзя импортировать данные или вставить их из буфера обмена, поэтому пришлось вводить числа и подписи вручную.
После этого художник выбрал заднюю стенку диаграммы и выполнил команду File, Apply Picture (Применить картинку). Нужная фотография появилась на подложке и стенках диаграммы. Применить изображение только к одной поверхности не удалось и Бодету пришлось удалить одну стену и подложку, воспользовавшись окном диалога Display Status (Настройка отображения).
Картинки наложились и на три серии данных; с этого момента после выполнения каждой команды диаграмма перерисовывалась в течение 35 секунд. С целью уменьшения засоренности экрана, Бодет через окно диалога 3D Grid Lines (Линии сетки) отключил отображение линий сетки по осям x и y, а также числовых значений для правой стенки. Кроме того, он ограничил количество делений по оси z до 6 и задал новые начальное и конечное значения.
Пакет CorelChart недостаточно гибок в обращении с текстом. Бодет смог изменить лишь цвет его заголовка при помощи окна диалога для выбора цвета, вызванного из плавающей палитры цветовых инструментов. Кроме того, подписи Jan-Mar и Apr-Jun пришлось сократить до Q1, Q2, поскольку кегль шрифта исходного текста изменить нельзя.
Используя мастер Visibility Wizard пакета CorelChart, демонстрирующего процент данных диаграммы, видимых под различными углами зрения и предлагающий свои рекомендации, художник выбрал из 14 предварительно заданных углов зрения вид Standard (Стандартный).
Воспроизведенная картинка оказалась несколько меньше ожидаемой. К сожалению, изменить ее размер на экране в интерактивном режиме оказалось невозможным. Пришлось несколько раз выполнять команду File, Page Setup (Настройка страницы), выбирать новые размеры диаграммы в пикселах, а затем выводить пробные отпечатки до тех пор, пока не был достигнут желаемый результат.
CorelChart способен сохранять законченную диаграмму лишь в собственном формате. Команда Copy Chart (Копировать диаграмму) из меню Edit размещает копию во внутреннем буфере, но ее нельзя вставить в другое приложение. Ни одна из существующих программ, даже CorelDraw, не может прочитать формат файла CorelChart. Чтобы включить полученную диаграмму в данную статью, Бодет сканировал напечатанный рисунок, отретушировал его в пакете Photoshop и сохранил как файл EPS.
Macromedia FreeHand 7
Ральф Бергер приступил к работе, перетащив инструмент для создания диаграмм (он находится в палитре Xtra Tools пакета Macromedia FreeHand) вдоль пустой страницы, после чего ввел данные в открывшийся лист таблицы. (Пакет FreeHand позволяет также вносить данные в таблицу из буфера.) Щелкнув по кнопке Chart и отметив ячейку с надписью Data numbers in chart (Значения данных в диаграмме), художник разместил на вершине каждого столбца числа.
По умолчанию была создана плоская диаграмма в градациях серого цвета. Среди шести типов диаграмм пакета FreeHand трехмерной не оказалось.
Для вывода опции отображения, Бергер воспользовался кнопкой Chart в палитре Chart. Щелкнув по кнопке Y Axis, он расширил шкалу по оси y до 70.
Прежде чем создать колонки из значков, художник нарисовал три картинки — кота, кролика и крысу — каждая шириной в один столбик.
Затем скопировал кота в буфер обмена и, удерживая клавишу , щелкнул по столбику первой серии данных, куда хотел наложить рисунок. Выбрав команды меню Xtras, Chart, Pictograph (Пиктограмма), Бергер воспользовался кнопкой Paste In (Вставить). Чтобы значок не увеличивался до полной высоты столбика, а повторялся, автор отметил ячейку Repeated (Повторяющийся). Изображения кота появились во всех столбиках первой серии. Подобные же действия были повторены для кроликов и крыс.
Далее Бергер сделал фоновую заливку для столбиков диаграммы, щелкнув по каждому из них с нажатыми клавишами . Затем он перетащил цвет на закладку Gradient (Градиент) палитры Inspector (Инспектор), отпустив его на одном конце полоски градиента. После удаления черточек по оси y посредством ячейки None в окне диалога Y Axis все пользовательские заливки в столбиках также исчезли. Поэтому, с целью избавиться от черточек без потери цветов, пришлось щелкать по каждой из них, одновременно удерживая клавиши , а затем нажимать клавишу .
Бергер выбрал различные текстовые элементы и присвоил им другие шрифты. Фон рисунка и заголовок были созданы вручную. Когда художник попытался расширить линии сетки оси y, щелкнув по ячейке Y axis под заголовком Gridlines (Линии сетки) в палитре диаграммы, все произведенные прежде изменения исчезли. Поэтому он щелкнул по кнопке Undo, а затем вручную выбрал и расширил каждую черточку на оси y. Затем Бергер ввел заголовок диаграммы и выровнял его. Для завершения работы он импортировал логотип Perky Pets и сохранил рисунок в формате EPS.
Microsoft Excel 97
Создание своей диаграммы Бодет начал с выделения в таблице Microsoft Excel данных и щелчка по кнопке мастера диаграмм Chart Wizard в инструментальной панели. Потом он выбрал из 72 типов диаграмм 3-D Column, и задал рисунок без легенды, но с метками данных на вершине каждого столбика. Все остальные параметры по умолчанию оставались без изменений, а в соответствующей строке он ввел заголовок. По умолчанию диаграмма отображается в новом окне.
Ее стенки и линии сетки Бодет удалил, выделяя каждую из них и нажимая клавишу . Затем дважды щелкнул по столбику каждой серии данных, открывая палитру Format Data Series (Формат серий данных). Из шести вариантов в закладке Shape (Форма) художник остановился на конусе. В закладке Patterns (Шаблоны) автор выбрал цвет для каждой серии и отменил вывод рамки.
После проделанного он вызвал палитру Format Floor (Формат подложки), дважды щелкнув по подложке диаграммы, а затем один раз по кнопке открытия палитры Fill Effects (Эффекты заливки). В данной палитре Бодет щелкнул по закладке Texture (Текстура) и выбрал Sand (Песок).
Щелкнув правой кнопкой по фону диаграммы, Бодет с помощью всплывающего меню открыл палитру настройки объемного вида 3-D View. В ней он в интерактивном режиме задал параметры высоты, перспективы и поворота картинки.
Чтобы расположить текст вдоль осей диаграммы, Бодет дважды щелкал по каждой оси, открывая палитру Format Axes (Формат осей). Черточки на осях были выключены при помощи закладки Patterns (Шаблоны), шрифт для чисел — Font (Шрифт). Затем, для открытия палитры Format Data Labels (Формат меток данных), он дважды щелкнул мышью по меткам данных. Для каждой серии данных был задан шрифт и цвет. С целью точно расположить метки, художник дважды щелкал по ним мышью и перетаскивал их на выбранные места. Те же операции проделаны и при форматировании заголовков диаграммы.
Чтобы добавить каждое из изображений животных, художник щелкал по кнопке Picture From File (Картинка из файла) из палитры Picture, а затем выбирал изображение TIFF для импорта. При настройке яркости и контраста использовалась инструментальная палитра Picture, после чего инструментом «подрезания» (crop) удалялся лишний белый фон. Затем Бодет в интерактивном режиме изменял размер изображения и перетаскивал его в нужное место. Для импорта логотипа Perky Dogs из формата WMF (Windows Metafile) использовались те же команды.
Поскольку Excel не может сохранять диаграммы в других графических форматах файлов, автор сканировал напечатанную страницу и отредактировал изображение в пакете Photoshop, после чего сохранил в файле EPS для последующего размещения в полосе QuarkXPress.
SPC ActiveOffice 1.0
Прежде всего Бодет выделил данные в таблице Excel, а затем, для открытия палитры ActiveOffice, щелкнул по кнопке ActiveOffice на инструментальной панели. (ActiveOffice работает с любыми приложениями, совместимыми с пакетом Microsoft Office.)
В закладке Layouts (Шаблоны) палитры художник щелкнул по пункту Column (Столбиковая) в категории Charts и выбрал Oblique (Наклонная) из семи вариантов столбиковых диаграмм. Картинка появилась непосредственно в электронной таблице, и автор увеличил ее, перетащив в один из углов.
Из 15 стилей фона закладки Design (Дизайн) был выбран Basic (Основной), а в закладке Color Schemes (Цветовые схемы) из 20 вариантов схем — Autumn (Осень). Текстуру Sand (Песок) для фона Бодет выбрал из 24 вариантов, предложенных в закладке Textures (Текстуры).
Кнопки со стрелками вверх (больше) и вниз (меньше) позволили ему указать один из восьми предварительно заданных размеров диаграмм. Щелчками по кнопке Style (Стиль) можно переключаться между четырьмя вариантами вида стенок: «полная», «только сетка», «только оси» и «нет». Кнопка Rotate (Вращать) используется для выбора одного из четырех заранее заданных углов зрения. И, наконец, щелкнув кнопкой Values (Величины), можно выбрать режим отображения значений данных в вершинах столбиков.
Чтобы добавить заголовок и подзаголовок, Бодет воспользовался кнопкой «+», после чего щелкнул по появившемуся образцу текста для его замены. Выполнив команды Edit, Font из меню, он задал для заголовков новый шрифт. Художнику не удалось изменить ни один из параметров форматирования текста подписей к осям, хотя он смог вместо месяцев написать Q1, Q2 и т.д. Пришлось довольствоваться плохо различимыми черными цифрами.
Выполнив команды Import (Импорт), Picture (Картинка) из меню, автор загрузил логотип Perky Pets и поместил его в одну из восьми «разрешенных» точек, выделенных зелеными квадратами. Какое бы изображение не размещалось на диаграмме, все остальные элементы страницы изменяют свои размеры относительно размеров картинки. Аналогично, при изменении размеров одного объекта изменяются и все остальные. Но, щелкнув по кнопке Foreground (Задний план), можно отделить изображение от диаграммы и свободно разместить его, либо изменить размеры. Художник повторил операции с фигурками кота, кролика и крысы.
Пакет ActiveOffice не имеет команд Save (Сохранить) или Export (Экспорт); все файлы должны сохраняться из пакета Excel. Переход из ActiveOffice в Excel приводит к тому, что графика, расположенная на заднем плане, изменяет размер и смещается. Единственный способ преобразовать завершенную диаграмму в файл изображения — напечатать ее, сканировать и сохранить из пакета Photoshop.
Источник: Software Publishing, www.spco.com.
SPSS DeltaGraph 4.0
Начиная работу над созданием диаграммы в пакете DeltaGraph, Джейк Уидман выполнил команды File, Import, Excel получив доступ к данным в таблице Excel. После выбора пунктов Data (Данные), Chart Gallery (Галерея диаграмм), было открыто окно мастера диаграмм Chart Adviser, предлагающий наиболее подходящий тип диаграммы для выбранных данных. Вместо стандартного рисунка 3-D Column Уидман решил создать 3-D Column-One Wall, поскольку его легче «разукрасить». Щелкнув по кнопке OK, он получил диаграмму с параметрами по умолчанию.
Далее Уидман изменил цвета диаграммы, выполнив команду Colors (Цвета) из меню Edit (Правка) и загрузив одну из 26 палитр Pantone ColorUp. Окно диалога не позволяет выполнять предварительный просмотр цветовой схемы палитры, поэтому для выбора схемы Mosaic Blue потребовалось несколько попыток.
К сожалению в схеме Mosaic Blue подписи к осям оказались белыми, поэтому Уидман подумал, что они исчезли. Он нашел их позже, когда случайно поместил импортированное изображение позади подписей. С этого момента художник смог изменить цвет и шрифт подписей.
Уидман решил, что для диаграммы необходима задняя стенка. Он выбрал команду Options (Опции) из меню Chart и щелкнул по всем необходимым ячейкам со сторонами света, обозначающими отображение соответствующих сторон диаграммы на маленьком рисунке. Выбор опции West (Запад) позволил получить нужный результат.
Некоторые из коротких столбиков оказались спрятанными, поэтому Уидману пришлось изменить диаграмму. Можно было воспользоваться командой 3D View (Угол обзора) и переместить точку расположения «камеры» выше; однако он предпочел перетащить манипуляторы осей, сжав столбики и увеличив расстояния между ними.
Для имитации глубины художник применил цветные градиентные заливки: выбрал лицевые стороны всех красных столбиков, дважды щелкнул по одной из них и выполнил команду Blend (Плавный переход). Такой же процесс был повторен с лицевыми и боковыми сторонами всех столбиков, а также с задней стенкой и подложкой.
Уидман импортировал следы зверей и изображения животных, а затем разместил их вручную, расставив позади диаграммы при помощи команды Draw (Рисовать), Send (Переслать), To Back (На задний план). Затем он добавил текст, щелкнув по инструменту текста и задал его шрифт и цвет. Легенда была добавлена с помощью команды Legend (Легенда) из меню Chart. После этого автор настроил размеры цветных прямоугольников. Щелкнув по каждому из элементов легенды, художник установил для них цвета и шрифты. На последнем этапе он выполнил команды File, Export, EPSF и создал файл для использования в пакете верстки.

