Большой привет от команды Slider!
Сегодня мы поговорим о диаграмме с областями и покажем как удобно работать с ней на ежедневной основе. Диаграмма с областями — это тип графика, который используется для визуализации данных, которые изменяются со временем. Она состоит из областей, заполненных цветом и расположенных под кривой, которая представляет значения данных на оси ординат. В ней области обычно накладываются друг на друга, создавая стековую структуру.
Такая диаграмма широко используется для отображения временных рядов, отслеживания продаж в течение определенного периода и демонстрации изменений в течении времени.
Такая диаграмма поможет сделать отчёт гораздо нагляднее, — так у смотрящего будет меньше вопросов и уточнений.
Несмотря на такое значимое преимущество у каждой диаграммы есть и минус — её нужно создавать. Делать это, зачастую, приходит вручную. А если диаграмму ещё и красиво оформить, добавив, к примеру, в презентацию для руководства? Сколько времени всё это займёт?!
Выход есть!
Совсем кратко мы расскажем об авторах статьи. Команда Slider уже 4-й год создаёт передовые решения для оформления презентаций и отчётов на отечественном рынке.
В нашем портфолио надстройка для создания слайдов на базе искусственного интеллекта, собственный веб-редактор презентаций с инструментами генерации и, разумеется, передовой редактор корпоративных диаграмм, который ускоряет работу сотрудников с отчётами до 5 раз.
В удобном редакторе мы реализовали гистограмму с накоплением наряду с 15 другими популярными диаграммами. Редактор позволяет автоматизировать рутину, автоматически загружать данные и работать в корпоративном стиле в несколько раз быстрее. Инструментарий представлен для Windows, Linux и macOS и работает в Microsoft Office и P7-Офис. Среди клиентов — Аэрофлот, Уральская Сталь, Нанолек и Chery. Кстати, это бесплатно, так что вы тоже можете попробовать. Достаточно оставить заявку на демо.
Создаём диаграмму с областями быстрее
Вернёмся к диаграмме. Для её создания нам понадобится открыть редактор диаграмм Slider и выбрать диаграмму с областями. В этом же меню мы можем выбрать ориентацию диаграммы, режим скругления углов, включения и отключения градиента и отображения осей.
![](https://static.tildacdn.com/tild6138-6463-4132-a134-323235313934/oblast_nakop1.png)
Интерфейс выбора диаграмм
Затем нам нужно внести данные в диаграмму. Это можно сделать вручную, но мы рекомендуем воспользоваться вторым способом — автоматической выгрузкой данных из таблицы Excel.
Для этого жмём на соответствующую кнопку, выбираем файл таблицы, выделяем диапазон данных при помощи зажатия «Shift» и автоматически добавляем данные в диаграмму.
![](https://static.tildacdn.com/tild3831-3466-4637-b363-643364333334/oblast_nakop2.png)
Выбор табличного файла для загрузки значений
Меню настроек
Щёлкнув правой кнопкой мыши в свободном месте мы откроем меню настроек диаграммы. Из этого меню можно скрыть или показать следующие элементы:
- Легенду
- Итоговые метки
- Метки сегментов
- Ось категорий
- Ось значений
- Коннекторы
![](https://static.tildacdn.com/tild6232-3938-4533-a634-393761313430/oblast_nakop3.png)
Меню настроек диаграммы (открывается с помощью ПКМ)
Мы, к примеру, включили отображение итоговых меток.
![](https://static.tildacdn.com/tild3266-6534-4630-b461-663761623237/oblast_nakop4.png)
Включение отображения итоговых меток
Дополнительно мы скрыли ось значений, чтобы информация не дублировалась из-за появления итоговых меток.
![](https://static.tildacdn.com/tild3166-3231-4739-b833-626236643732/oblast_nakop5.png)
Диаграмма без отображения оси значений
Настройка меток
Перейдём в меню настройки стиля и настроим метки сегментов и итоговые метки. Для двух типов меток здесь можно настроить:
- Размер текста
- Шрифт
- Стиль (обычный или полужирный)
- Цвет текста
- Числовой формат
- Разрядность
- Постфикс
Настройки положительных значений можно применить к настройкам отрицательных с помощью одной кнопки. Метки сегментов мы настроим по аналогии.
![](https://static.tildacdn.com/tild3762-3731-4135-b965-393639356132/oblast_nakop6.png)
Настройка меток
Важно уточнить, что в меню стиля представлена общая настройка для всех меток. Вы всегда можете изменить значение и внешний вид конкретной метки, щёлкнув по ней левой кнопкой мыши.
Оси
Щёлкнув левой кнопкой мыши по одной из осей мы можем настроить следующие параметры:
- Размер текста
- Шрифт
- Стиль
- Цвет текста
- Скрытие линий оси
- Скрытие оси
![](https://static.tildacdn.com/tild6137-3439-4262-a163-643237373965/oblast_nakop7.png)
Настройка оси
Настройка легенды
Нажмите левой кнопкой мыши в области легенды. Так вы откроете меню настроек легенды, в котором представлены следующие опции:
- Положение легенды (слева, справа, сверху или снизу)
- Настройка шрифта (размер, цвет, стиль)
- Возможность скрыть отображение легенды
При помощи легенды можно перекрасить сразу все столбцы соответствующий строки. Просто нажмите на нужный цвет и измените его по своему усмотрению.
![](https://static.tildacdn.com/tild6634-3033-4537-b737-353736333266/oblast_nakop8.png)
Настройки легенды
Общий инструментарий
В верхнем блоке кнопок располагаются кнопки сохранения, отмены и возврата действия.
![](https://static.tildacdn.com/tild3133-3662-4862-b564-353630313566/oblast_nakop9.png)
Прямоугольник вверху — блок кнопок сохранения, возврата и отмены действия
Давайте нажмём левой кнопкой мыши по диаграмме. Так мы откроем меню, где можно будет перекрасить каждую область диаграммы, а также настроить сглаживание и интерполирование.
Интерполирование полезно тогда, когда в таблице не хватает промежуточных данных. С подключенным интерполирование линия на месте этих промежутков будет автоматически продолжена до следующей точки.
![](https://static.tildacdn.com/tild3035-6166-4434-b666-656535383665/oblast_nakop10.png)
Подменю настройки областей
Стрелки разницы
Кликнув правой кнопкой мыши по нужному маркеру, можно добавить стрелку разницы уровней. Стрелку необходимо направлять от одного маркера к другому. В случае необходимости её можно будет развернуть.
![](https://static.tildacdn.com/tild3865-6361-4461-b961-666335343334/oblast_nakop11.png)
Пример стрелки разницы уровней
Внешний вид стрелок можно настроить по следующим параметрам:
- Отображение абсолютного значения (абсолютное, процентное или совмещённое)
- Настройка текста (размер, шрифт, стиль и цвет текста)
- Настройка обводки (цвет и штриховка)
- Настройка фона
- Настройка линии стрелки (цвет и тип линии)
Все эти настройки автоматически применятся и к следующим созданным стрелкам.
![](https://static.tildacdn.com/tild3932-3331-4566-b539-333764396232/oblast_nakop12.png)
Меню настройки стрелки разницы уровней
Заключение
Подробнее о работе с диаграммой с областями вы можете узнать на YouTube в нашем ролике:
Видеоролик о работе с диаграммой с областями
Умение работы с диаграммами — ключевое для создания качественной инфографики, аналитических и деловых отчётов.
![](https://static.tildacdn.com/tild6333-3931-4561-a135-646638666439/de2fbc96-e041-5bc4-a.jpeg)
Григорий Попов — генеральный директор ООО «Слайдер Презентации»
Создавайте диаграммы самостоятельно или покажите Slider коллегам, чтобы совместно автоматизировать создание диаграмм профессионального уровня при помощи диаграмм Slider.
Спасибо за внимание!
Следите за нами в социальных сетях: