Сравнение гистограмм с Charticulator в LuckyTemplates

В этом руководстве вы узнаете, как создавать гистограммы сравнения в LuckyTemplates. Это столбчатая диаграмма, которая показывает два разных значения в одной категории. Это поможет вам увидеть и сравнить значения в отчете о данных. Вы также увидите, как Charticulator может легко создавать визуальные эффекты такого типа.

Это пример гистограммы, созданной в предыдущем посте блога . Мы также будем использовать это для создания гистограммы сравнения в Charticulator.

Оглавление

• Создайте набор данных и запустите Charticulator
• Установите планку для сравнительной таблицы
• Экспорт файла диаграммы и входных данных
• Завершите детали гистограммы сравнения
• Заключение

Создайте набор данных и запустите Charticulator

Сначала создайте набор данных с категориями и показателями, которые вы будете использовать. В этом примере используются « Уполномоченный» , «Среднее количество дней до разрешения » и «Максимальное количество дней до разрешения по назначению» .

Затем щелкните три точки в верхней части набора данных и выберите «Экспорт данных» . Перед экспортом убедитесь, что тип данных — файл CSV.

После этого перейдите на сайт charticulator.com , чтобы открыть Charticulator. Щелкните Запустить Charticulator и откройте экспортированный файл данных. Затем он перенаправит вас на холст.

Установите планку для сравнительной таблицы

Создайте прямоугольную диаграмму, перетащив прямоугольную форму из Marks в Glyph .

Затем щелкните Stack Y , чтобы изменить положение стержней.

Поместите правопреемника на ось Y холста, а среднее количество дней для решения — на ширину глифа.

Теперь визуал будет выглядеть так.

Затем щелкните PlotSegment1 , чтобы открыть атрибуты диаграммы. Снимите флажок «Видимый», чтобы удалить категории по оси Y.

После этого щелкните Shape1, чтобы открыть его атрибуты, и поместите Max Days To Resolve By Assignee в стиль заполнения.

Вы можете видеть, что цвета полос одинаковы, за исключением максимального значения. Вы можете изменить цвета полос в зависимости от того, что вы хотите, или чтобы они соответствовали вашим предыдущим диаграммам.

Теперь вам нужно перенести гистограммы на правую сторону холста. Для этого щелкните вторую панель настроек над холстом и выберите «Вправо» .

После этого диаграмма переместится в правый конец.

Экспорт файла диаграммы и входных данных

После этого сохраните гистограмму. Затем нажмите кнопку экспорта и выберите Пользовательский визуальный элемент LuckyTemplates .

Перед экспортом файла необходимо снять первые два флажка в полях «Оси» и «Масштабы» , чтобы оси не изменялись при выборе нового контекста фильтра. Затем щелкните первое поле в свойствах настраиваемых визуальных элементов LuckyTemplates, чтобы включить детализацию для столбца «Уполномоченный». После этого добавьте имя визуального элемента и щелкните Пользовательский визуальный элемент LuckyTemplates, чтобы экспортировать файл.

Теперь откройте LuckyTemplates, чтобы импортировать файл. Нажмите на три точки под Визуализациями и выберите Импортировать визуализацию из файла .

Затем нажмите кнопку Charticulator с визуальным названием и поместите Уполномоченный , Среднее количество дней для разрешения и Максимальное количество дней для разрешения у Уполномоченного в соответствующие разделы Поле.

После этого отрегулируйте поля диаграммы, чтобы выровнять их с предыдущей гистограммой. Наконец, сопоставьте две гистограммы, удалив заголовок и фон. После этого у вас появится сравнительная гистограмма, которая выглядит так.

Завершите детали гистограммы сравнения

Если вы хотите разместить свои категории в центре обеих полос, перейдите на веб-сайт Charticulator и откройте предыдущую гистограмму. Нажмите PlotSegments1 и снимите флажок «Видимый» в атрибутах, чтобы удалить категории на оси Y.

Затем нанесите текст на глиф и выровняйте его по левому краю прямоугольника.

Затем перетащите текст в левую часть панели и отрегулируйте его на желаемое расстояние.

Перенесите уполномоченного в раздел «Текст» в атрибутах Text2 и измените другие настройки, чтобы дополнить другую гистограмму.

Теперь вы можете видеть, что между категориями и полосами есть небольшое пространство.

Затем сохраните диаграмму и экспортируйте ее в пользовательский визуальный элемент LuckyTemplates . Импортируйте файл в LuckyTemplates и отрегулируйте поля диаграммы, чтобы они совпадали с другой гистограммой. Теперь ваша визуализация будет выглядеть так.

Затем отфильтруйте визуальный элемент, чтобы при щелчке по столбцу отображался столбец, с которым он сравнивается. Перейдите на вкладку «Формат» и нажмите «Редактировать взаимодействия» .

Затем выберите кнопку «Фильтр» диаграмм.

Если щелкнуть столбец, на диаграмме будет отображаться только тот столбец, с которым он сравнивается.

Другой способ использования сравнительных гистограмм — размещение категорий внутри столбцов. Для этого вам нужно переместить текст внутри панели и настроить размер и цвет шрифта. Затем экспортируйте и импортируйте его в пользовательский визуальный элемент LuckyTemplates .

Вот как выглядит диаграмма.

Вы также можете добавить линию между полосами, чтобы сделать ее более различимой.

Обновление LuckyTemplates Desktop: метод визуальной визуализации данных Charticulator |
Динамические визуальные элементы LuckyTemplates

Заключение

Столбчатая диаграмма сравнения обеспечивает лучший способ сравнения двух значений. Это экономит место на вашем холсте, потому что максимизирует его пространство для двух результатов. Эту диаграмму можно легко сделать с помощью инструмента Charticulator.

Если вы хотите узнать, как создавать гистограммы сравнения, перейдите на веб-сайт Charticulator и попрактикуйтесь с набором данных. Вы также можете просмотреть наш чтобы узнать больше о методах визуализации.

Мудассир