Диаграммы Lollipop в пользовательском визуальном элементе LuckyTemplates

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

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

Вы увидите, что в каждой категории есть три цветных полоски-леденца, которые показывают разные временные рамки. Каждая полоса представляет год, где желтый, белый и красный цвета обозначают 2018, 2019 и 2020 годы соответственно.

Оглавление

• Знакомство с пользовательским визуальным элементом LuckyTemplates
• Создание леденцов на палочке
• Добавление цветов к диаграммам леденцов
• Заключение

Знакомство с пользовательским визуальным элементом LuckyTemplates

Чтобы воссоздать его, сначала щелкните три точки под панелью визуализаций и выберите Получить больше визуализаций .

Найдите Charticulator в AppSource и нажмите «Добавить».

После этого вы увидите ссылку Charticulator. Нажмите на ссылку и увеличьте изображение на холсте.

Затем щелкните три точки визуального элемента и выберите «Изменить».

Поместите Avg Days Open в раздел «Данные» поля и нажмите «Создать диаграмму» в Charticulator.

Затем укажите год и тип выпуска в разделе «Данные». Теперь вы можете приступить к созданию леденцов с помощью пользовательского визуального элемента в LuckyTemplates.

Создание леденцов на палочке

Во-первых, переместите тип задачи на ось Y холста.

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

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

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

Отрегулируйте высоту полосы в атрибутах Shape1, чтобы получить фигуру леденца.

Затем введите Avg Days Open по ширине внутри Glyph.

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

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

Перенесите новый сегмент графика на ось Y фактического холста и поместите на него тип задачи .

Теперь откройте атрибуты PlotSegment2 и измените положение на Opposite . Вы также можете изменить другие атрибуты, такие как шрифт и линия, по своему усмотрению.

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

Добавление цветов к диаграммам леденцов

Чтобы добавить цвета полоскам леденцов, откройте атрибуты Shape1 и поместите год в раздел «Заливка». Затем меняйте цвет каждого года в зависимости от того, что вы предпочитаете.

Далее добавьте цвет кружочкам на кончиках стержней. Откройте атрибуты Symbol1 и перенесите Year в раздел Fill.

Ваша леденцовая диаграмма готова, и это окончательный результат.

Обязательно сохраните свой прогресс, нажав «Сохранить» в верхнем левом углу холста, а затем нажмите «Назад к отчету».

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

Измените атрибуты, чтобы они соответствовали стилю вашего отчета. После этого визуализация вашей леденцовой диаграммы будет выглядеть так.

Дизайн панели мониторинга LuckyTemplates: визуальные эффекты и эффекты
Пользовательская линейчатая диаграмма в LuckyTemplates: разновидности и модификации

Заключение

Диаграммы леденцов предоставляют различную информацию и данные по одной категории. Это творческий способ увидеть детали в каждом действии или задаче. Вы можете легко отслеживать эффективность своей деятельности и получать ценные данные для улучшения.

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

Мудассир