Creative Cloud Charts (попередній перегляд) було впроваджено у випуску Illustrator CC від липня 2015 р. для попереднього перегляду технології та отримання відгуків користувачів зі всього світу. Керуючись отриманими відгуками, команда Illustrator вирішила призупинити випуск Charts та зосередитися на покращенні можливостей цієї програми. Випуск Illustrator від листопада 2015 р. не міститиме попередню версію Charts для перегляду.

Після 30 листопада 2015 р. за відкривання документів Illustrator із діаграмами ці діаграми будуть перетворюватися на звичайну векторну графіку Illustrator. Користувачі, які бажають зберегти свої дані з програми Chart, матимуть час до 15 січня 2016 р. Їм необхідно буде завітати до служби Creative Cloud Charts і скопіювати дані діаграм до таблиці, яку можна зберегти на комп’ютері. Докладніше див. розділ Запитання та відповіді щодо Creative Cloud Charts.

Creative Cloud Charts (CC Charts) – це нова служба Creative Cloud, що дає дизайнерам змогу створювати цікаві діаграми та інфографіку.

Illustrator підтримує такі типи діаграм:

Масштабувати за гістограмою значень

Відтепер для представлення даних у вигляді діаграм можна використовувати власні графічні матеріали. Тепер користувачі мають безпрецедентні можливості керування елементами діаграм: вони можуть бути стилізовані та оброблені для надання їм привабливого вигляду, що дозволяє дбати про естетику без руйнування зв’язків із даними, на основі яких створено діаграму.

Стовпчаста діаграма

Представляє числові дані у вигляді стовпчастих діаграм (гістограм). Редагувати дані або макет діаграми можна просто, переглядаючи CC Charts в Інтернеті.

Ось як виглядає типовий робочий процес:

  1. Скористайтеся інструментом CC Charts, аби створити стовпчасту діаграму, або перетягніть вже існуючу діаграму з бібліотеки на панелі «Бібліотеки» в монтажну область.
  2. У програмі Illustrator (для масштабування за гістограмами значень) можна:
    • Замінити застосований елемент діаграми.
    • Редагувати окремі елементи діаграми.
  3. Натисніть «Редагування» в контекстному меню об’єкта Chart служби Creative Cloud. Відкриється нова вкладка чи вікно браузера.
  4. Інтерфейс браузера дозволяє:

Створення нової діаграми
Почніть роботу!

Перегляд Creative Cloud Charts в Інтернеті

Саме тут відбувається найголовніше!

Зміна макета діаграми 
Пересувайте елементи відповідно до своїх уподобань!

Можливості діаграм
Змінюйте макет відповідно до своїх уподобань!

Редагування оформлення діаграм
Змінюйте оформлення відповідно до своїх уподобань!

Імпортування/визначення даних діаграми

Додавайте свої значення!

Редагування даних діаграми
Зробіть так, щоб кожна цифра враховувалася!

Поділіться з нами своїми враженнями
Заповніть невеличку анкету, аби ми могли дізнатися вашу думку.


Створення нової діаграми

  1. На панелі інструментів (клавіша виклику: J) виберіть інструмент CC Charts.

  2. Для створення діаграми заданого розміру клацніть та потягніть монтажну область.

    Примітка.

    Якщо стовпчаста діаграма не відображається, змініть тип діаграми на стовпчасту діаграму, скориставшись контекстним меню CC Charts, яке описано далі.

  3. Клацніть діаграму, аби викликати контекстне меню CC Charts.

    Контекстне меню CC Charts
    Контекстне меню CC Charts

    За допомогою пункту меню «Діаграми» можна:

    1. Змінювати тип діаграми.
      Примітка: Наразі програма Illustrator підтримує функцію «Масштабувати за значенням»  і «Стовпчасті діаграми» .
    2. Створювати дублікати поточної діаграми .
    3. Редагувати дані й макет діаграми під час перегляду Creative Cloud Charts в Інтернеті.

Перегляд Creative Cloud Charts в Інтернеті

Створюючи об’єкт стовпчастої діаграми, працювати з макетом, імпортувати або змінювати дані тощо можна лише за умови редагування діаграми онлайн у Creative Cloud.

На додаток до змінення даних і зовнішнього вигляду діаграми під час її редагування у Creative Cloud можна виконувати й інші дії.

  • Подробиці. Клацніть посилання для перегляду різноманітної інформації, що стосується діаграми.
  • Масштабування. На вкладці «Діаграма» вкажіть значення масштабу; діаграму можна переглядати в масштабі, що відповідає вільному простору на екрані, або в реалістичному масштабі 1:1.
    Примітка. Значення масштабу використовується лише для відображення й не впливає на розміри графічного оформлення діаграми.
  • Публікування. Клацніть «Публікування» > «Відправити посилання», щоб переслати посилання на зображення діаграми одержувачеві пошти.
  • Дії. Ви можете вибрати одну із зазначених нижче дій:
    • Перейменувати. Дозволяє вибрати нове ім’я для діаграми.
    • Вилучити. Видалення діаграми.

Параметри стовпчастої діаграми, які залежать від контексту

Працюючи зі стовпчастою діаграмою, макет можна змінити для:

  • всієї діаграми;
  • осі значень (Y);
  • осі категорій (X);
  • даних діаграми.

Параметри, доступні для кожної з частин стовпчастої діаграми, залежать від розділу. Ці параметри описано в наступному розділі статті.

Вся діаграма

(За замовчуванням) Клацніть будь-де на стовпчастій діаграмі

Вісь значень (Y):

Клацніть вісь Y. Тут мається на увазі сама вісь або вказані на ній значення

Вісь значень (Y)

Вісь категорій (X):

Клацніть вісь Х. Тут мається на увазі сама вісь або вказані на ній категорії

Вісь категорій (Х) в Illustrator

Дані діаграми:

Клацніть значення даних діаграми.

Дані діаграми в Illustrator

Зміна макета діаграми

  1. У програмі Illustrator виберіть діаграму, після чого виконайте одну з перелічених нижче дій:

    • Клацніть контекстний віджет «Діаграма», а потім «Редагування» в Creative Cloud Charts
    • Клацніть «Редагування» на панелі керування у Creative Cloud Charts
    • Клацніть діаграму правою кнопкою миші й клацніть «Редагування» у Creative Cloud Charts
  2. У вікні браузера, що відкриється, переконайтеся в тому, що ви знаходитеся на вкладці «Діаграма».

    Кожний тип діаграми має певну кількість налаштовуваних параметрів. Клацніть відповідну вкладку з типом діаграми, наведену нижче.

  3. Клацніть «Зберегти» для збереження будь-яких змін, внесених до макета.

Параметри діаграми

Масштабувати за гістограмою значень

Параметри редагування вигляду діаграми:

Масштабування
  • Область: розмір ілюстрації змінюється залежно від даних.
  • Розтягнення за розміром: ілюстрація розтягується у вибраному вами напрямку (параметр «Напрямок»).
Розтягнення ілюстрації

Цей варіант доступний, коли для параметра «Масштабування» вибрано значення «Розтягнення за розміром»:

  • Вертикально: ілюстрація розтягується у вертикальному напрямку для відображення значень даних.
  • Горизонтально: ілюстрація розтягується в горизонтальному напрямку для відображення більших значень даних.
Макет
  • Заповнення. Розташування ілюстрації відповідає визначеним параметрам «Напрямок», «Вирівнювання» й «Інтервал».
  • Довільна форма. Ілюстрацію можна пересувати вручну.  
Напрямок

Цей варіант доступний, коли для параметра «Макет» вибрано значення «Заповнення»:

  • Зліва направо
  • Зверху вниз
Вирівнювання

Цей варіант доступний, коли для параметра «Макет» вибрано значення «Заповнення»:

  • Вирівнювання за нижнім краєм
  • Вирівнювання посередині
  • Вирівнювання за верхнім краєм
Інтервали

Цей варіант доступний, коли для параметра «Макет» вибрано значення «Заповнення»:

Використовуйте повзунок, щоб змінювати інтервали між послідовними ілюстраціями.

Стовпчаста діаграма

За замовчуванням відображаються параметри редагування діаграми.

Примітка.

Деякі параметри є загальними для різних частин стовпчастої діаграми. Задля стислості загальні параметри будуть описані один раз.

Елементи діаграми

Діаграма
  • Мітки даних. Мітки даних для кожного характерного стовпчика
ВІСЬ КАТЕГОРІЙ (X).
  • Лінія осі. Безпосередньо лінія осі Х
  • Мітки осі. Мітки категорій, які відображаються на осі Х
  • Контрольні позначки. Поділки, які проходять від осі Х до міток осі 
ВІСЬ ЗНАЧЕНЬ (Y).
  • Основні лінії сітки. Вказівні лінії на діаграмі, які відповідають значенням на осі Y
  • Другорядні лінії сітки. Вказівні лінії на діаграмі, які відповідають проміжним значенням на осі Y

Інтервали

  • Між стовпчиками. Відстань між стовпчиками діаграми в межах групи стовпчиків. Значення наведені як відсоткове співвідношення ширини стовпчиків діаграми
  • Між групами стовпчиків. Відстань між групами стовпчиків

Розмір діаграми

  • Ш. Ширина діаграми в пікселях
  • В. Висота діаграми в пікселях
  • . За зміни ширини або висоти пропорційно змінюється інший розмір. Щоб змінити розміри окремо один від одного, необхідно встановити цей елемент у розблоковане положення.

Щоб змінити окремі параметри «Вісь значень (Y)» або «Вісь категорій (X)», клацніть «Y» або вісь Х

Масштаб осі (вісь Y)

Змінює масштаб даних і ліній сітки на осі Y

ЗМІНИТИ МАСШТАБ
  • Мін. Мінімальне значення даних на осі Y
  • Макс. Максимальне значення даних на осі Y
ЛІНІЇ СІТКИ
  • Основні. Масштаб основних ліній сітки на осі Y
  • Другорядні. Масштаб другорядних ліній сітки на осі Y

Положення осі (осі Y і Х)

ПОЛОЖЕННЯ
  • Ліворуч. Лінія осі Y розташована ліворуч від діаграми (за замовчуванням)
  • Праворуч. Лінія осі Y розташована праворуч від діаграми

Контрольні позначки (осі Y і Х)

ПОЛОЖЕННЯ
  • Ззовні. Контрольні позначки діаграми знаходяться ззовні від осі Y (за замовчуванням)
  • Зсередини. Контрольні позначки діаграми знаходяться зсередини від осі Y

Щоб змінити параметри міток даних, клацніть мітку даних на діаграмі

Положення осі

ПОЛОЖЕННЯ
  • Ззовні. Мітки даних знаходяться над стовпчиками діаграми (за замовчуванням)
  • Посередині. Мітки даних знаходяться в центрі стовпчиків діаграми

Формат міток

Формат

Дозволяє вибрати формат міток даних

  • Числовий. Мітки даних відображаються як числові значення. Встановіть кількість розрядів після десяткової коми та розділювач тисячних розрядів.
  • Грошовий. Мітки даних відображаються як грошові одиниці. Встановіть кількість розрядів після десяткової коми, розділювач тисячних розрядів і позначення грошових одиниць.
  • Відсотковий. Мітки даних відображають як відсотки. Встановіть кількість розрядів після десяткової коми та розділювач тисячних розрядів.
  • Експоненціальний. Мітки даних відображаються в експоненціальному форматі. Встановіть кількість розрядів після десяткової коми.

Редагування оформлення діаграми

Ви можете змінювати оформлення діаграми. Наприклад, на вкладці «Масштабування за гістограмою значень» можна змінити ілюстрацію, а на вкладці «Стовпчасті діаграми» – колір шкал.

Масштабувати за гістограмою значень

Заміна ілюстрації в діаграмі

  1. У програмі Illustrator виберіть діаграму.

  2. Намалюйте в документі нову або перетягніть будь-яку наявну на полотні ілюстрацію.

    Примітка.

    Складні ілюстрації, які, наприклад, містять об’єкти з сітчастим градієнтом та растрові об’єкти, не підтримуються.

    Перетягніть ілюстрацію на діаграму, щоб замінити поточні об’єкти діаграми
    Перетягніть ілюстрацію на діаграму, щоб замінити поточні об’єкти діаграми

Редагування оформлення діаграми

  1. У програмі Illustrator виберіть діаграму, а потім клацніть інструмент «Часткове виділення» (A).

  2. Виберіть один чи декілька способів відображення даних і змінюйте вигляд об’єктів.

    Змінюйте вигляд окремих об’єктів, щоб підкреслити точки даних.
    Змінюйте вигляд окремих об’єктів, щоб підкреслити точки даних

    Примітка.

    Деякі складні оформлення, такі як ефекти, багаторазові заливки тощо, під час редагування діаграми у Creative Cloud не відображаються. Проте такі оформлення зберігаються в Illustrator.

Стовпчасті діаграми

Тепер можна змінювати оформлення всієї діаграми, усіх шкал на діаграмі, групи шкал або ж однієї шкали. Щоб змінити оформлення конкретного компонента діаграми, використовуйте функцію виділення для стовпчастих діаграм.

Виділення компонента діаграми за допомогою інструмента «Виділення»

У стовпчастій діаграмі передбачені різні рівні виділення. У програмі Illustrator запропонована функція детального переходу між рівнями, яка забезпечує можливість послідовного вибору компонентів діаграм на різних рівнях.

У стовпчастій діаграмі функцію детального переходу між рівнями можна використовувати для шкал діаграми, ліній сітки та ліній осі.

Щоб здійснити детальний перехід між рівнями шкал на діаграмі:

  1. Для виділення всієї стовпчастої діаграми клацніть один раз шкалу в області діаграми.
  2. Для виділення всіх шкал на діаграмі знову клацніть шкалу.
  3. Для виділення групи шкал на діаграмі знову клацніть шкалу.
  4. Для виділення однієї шкали знову клацніть шкалу.

Щоб здійснити детальний перехід між рівнями ліній сітки:

  1. Для виділення всієї стовпчастої діаграми один раз клацніть область діаграми.
  2. Для виділення усіх ліній сітки на діаграмі знову клацніть лінію сітки.
  3. Для виділення однієї шкали знову клацніть шкалу.

Щоб здійснити детальний перехід між рівнями осі:

  1. Для виділення всієї стовпчастої діаграми один раз клацніть область діаграми.
  2. Для виділення осі та її контрольних позначок знову клацніть вісь або її контрольні позначки.
  3. Для виділення лінії осі клацніть лінію осі.
    АБО
    Для виділення контрольної позначки клацніть контрольну позначку осі.

Виділення компонентів діаграми за допомогою інструмента «Часткове виділення»

Функція детального переходу між рівнями діаграми забезпечує поступовий детальний перехід між компонентами на діаграмі. Проте для часткового виділення компонента на більш глибокому рівні можна використовувати інструмент «Часткове виділення».

Для виділення однієї шкали виберіть інструмент «Часткове виділення» (A) та клацніть шкалу.

Аналогічно для виділення однієї лінії сітки або осі виберіть інструмент «Часткове виділення» (A) та клацніть лінію.

Зміна оформлення компонентів стовпчастої діаграми

За допомогою функції виділення компонентів діаграми можна змінювати оформлення конкретних компонентів діаграми.

Щоб змінити колір групи шкал:

  1. Для виділення групи шкал застосуйте функцію детального переходу між рівнями.
  2. Застосувавши функцію Illustrator «Заливка», виберіть колір шкали.
Зміна оформлення компонентів стовпчастої діаграми

Аналогічним чином можна змінити кольори інших груп шкал. Також можна змінити оформлення ліній сітки.

  1. Для виділення ліній сітки застосуйте функцію детального переходу між рівнями.
  2. Застосувавши функцію Illustrator «Обведення», замініть звичайні лінії пунктирними.
Зміна оформлення компонентів стовпчастої діаграми

Також можна змінювати оформлення тексту на діаграмі (наприклад, формат або розмір шрифту) .

Виділіть усю діаграму.

  1. Відкрийте панель символів («Вікно» > «Тип»> «Символ»).
  2. Серед запропонованих на панелі символів варіантів виберіть необхідний для заміни оформлення тексту.

Для виділення конкретних об’єктів тексту на діаграмі необхідно застосувати інструмент «Часткове виділення».

Імпортування/визначення даних діаграми

Примітка.

Змінюючи дані на вкладці Charts, не забудьте клацнути «Застосувати», а потім «Зберегти», щоб забезпечити оновлення діаграми в Illustrator.

  1. У програмі Illustrator виберіть діаграму, після чого виконайте одну з перелічених нижче дій:

    • Натисніть кнопку «Діаграма», а потім клацніть «Редагування» у Creative Cloud Charts
    • Клацніть «Редагування» на панелі керування у Creative Cloud Charts
    • Клацніть діаграму правою кнопкою миші й клацніть «Редагування» у Creative Cloud Charts
  2. У вікні браузера, що відкриється, клацніть вкладку «Дані».

  3. Клацніть «Вибрати файл», щоб імпортувати дані з файлу даних із роздільниками-комами (.csv) або файлу Microsoft Excel (.xls або .xlsx).

    Примітка.

    Імпортовані дані завжди записуватимуться замість вже наявних даних діаграми.

  4. (Увага!) Клацніть мишею по доступним рядкам і стовпцям і потягніть вказівник до комірок даних, які мають бути представлені в діаграмі, після чого натисніть «Застосувати» ().

    Область на сторінці попереднього перегляду діаграми буде оновлено із застосуванням значень, вибраних вами для цієї діаграми.

  5. Додавайте, змінюйте й коригуйте свої дані, після чого клацніть «Зберегти».

    Щоразу, коли ви натискаєте «Зберегти», діаграма оновлюється в Illustrator.

    Примітка.

    Швидкість оновлення діаграми в Illustrator залежить від швидкості передачі даних інтернет-з’єднання. Оновлення може відбуватися майже негайно або тривати до 12–15 секунд.

Редагування даних діаграми

Примітка.

Змінюючи дані на вкладці Charts, не забудьте клацнути «Застосувати», а потім «Зберегти», щоб забезпечити оновлення діаграми в Illustrator.

  1. У програмі Illustrator виберіть діаграму, після чого виконайте одну з перелічених нижче дій:

    • Натисніть кнопку «Діаграма», а потім клацніть «Редагування» у Creative Cloud Charts
    • Клацніть «Редагування» на панелі керування у Creative Cloud Charts
    • Клацніть діаграму правою кнопкою миші й клацніть «Редагування» у Creative Cloud Charts
  2. У вікні браузера, що відкриється, клацніть вкладку «Дані».

  3. Клацніть будь-яку з комірок, що містять дані, або виберіть певний діапазон комірок.

    З’явиться контекстна кнопка ().

  4. На кнопці клацніть три точки (), щоб побачити додаткові варіанти, доступні для вибраних даних.

  5. Щоб вставити, видалити або сортувати комірки, виберіть потрібний варіант у контекстному меню, що відкриється на екрані.

    Використовуйте ці варіанти для продовження роботи з імпортованими або доступними даними.
    Використовуйте ці варіанти для продовження роботи з імпортованими або доступними даними.

  6. Після завершення натисніть «Застосувати», а потім клацніть «Зберегти», щоб забезпечити доступ до цих даних в Illustrator.

Анкета щодо Creative Cloud Charts (попередній перегляд технології)

Нам важлива ваша думка. Поділіться своїми враженнями стосовно нашої роботи.

Ми пропонуємо заповнити справді невеличку анкету, яка допоможе нам оцінити якість запропонованої послуги Creative Cloud Charts (попередній перегляд технології). Надайте якомога детальнішу інформацію. Дякуємо!

Посилання на анкету: https://www.surveymonkey.com/s/CC_Charts_Feedback.

Цей документ захищено ліцензією Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License  Публікації Twitter™ і Facebook не підпадають під умови ліцензії Creative Commons.

Юридична інформація   |   Політика мережевої конфіденційності