Точечные графики в LuckyTemplates: настраиваемая визуализация

В этом руководстве мы обсудим, как использовать еще один настраиваемый визуальный элемент в LuckyTemplates под названием Dot Plot от MAQ Software . Точечный график в LuckyTemplates — это простой визуальный элемент, на котором показано количество точек для значения, которое вы хотите представить. Это отличный выбор, если вы хотите включить категориальные данные по оси X.

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

Оглавление

• Преимущества точечных графиков в LuckyTemplates
• Понимание набора данных
• Создание точечных диаграмм в LuckyTemplates
• Изменение визуального элемента точечной диаграммы
• Изменение пузырьков
• Параметры ориентации для точечных диаграмм
• Заключение

Преимущества точечных графиков в LuckyTemplates

Лучшее в точечном графике то, что он имеет две категории осей. Как видите, мы можем показывать категории сверху и снизу.

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

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

Понимание набора данных

Этот набор данных связан с LuckyTemplates , посвященной системе службы поддержки JIRA.

Каждая организация имеет свою собственную систему ИТ-справки и ИТ-отдел. Допустим, вы не можете войти в свою систему. Поэтому вы создадите тикет, и ИТ-отдел решит проблему.

Когда вы создаете заявку, вам также необходимо указать приоритет проблемы. Например, если вопрос нужно решить срочно, то следует установить высокий приоритет . Для задач, которые не являются срочными, вы можете установить их приоритеты на Низкий или Средний .

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

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

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

У нас также есть уровень приоритета по вопросам. Как видите, в этом разделе внутреннего процесса есть задачи с высоким, самым высоким, низким и средним приоритетом. 

Мы также установили цвета для выпусков билетов. Желтые — это проблемы, которые были решены без сроков, красные — открытые тикеты, а серые — решенные тикеты со сроками выполнения. Из-за этих цветов конечным пользователям намного проще увидеть и понять билеты. 

Давайте теперь создадим этот отчет с нуля на новой странице отчета. 

Создание точечных диаграмм в LuckyTemplates

Давайте получим визуализацию Dot Plot , нажав на 3 точки, затем выбрав опцию Get more visuals .

Введите « точечный график » в поле поиска, и появится точечный график от программного обеспечения MAQ . Затем нажмите кнопку «Добавить» . 

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

Измените его размер, как показано на изображении ниже.

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

Добавьте поле «Приоритет» для поля «Ось категории I » и « Тип задачи» для поля «Ось категории II» . 

Так как мы ищем количество выпущенных билетов, добавьте Count of Tickets в поле Value . 

Вывод теперь должен выглядеть так. Как видите, у нас пока нет эффекта джиттера.

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

Результат будет выглядеть следующим образом. 

Изменение визуального элемента точечной диаграммы

Давайте исправим это, отключив Background для столбца, а также Background и Title визуального элемента .

Давайте также удалим эти заголовки.

Чтобы удалить их, просто выключите Title под осью Y и осью X. 

Как видите, столбец «Внутренний процесс» больше остальных. Это потому, что у него больше билетов. 

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

Затем измените стиль линии на пунктирную . Это изменит стиль линий столбцов.

Давайте также изменим толщину и цвет линий наших столбцов, изменив значение толщины и цвета .

Под X-Axis мы можем изменить размер текста и цвет шрифта наших текстов внизу.

Для категорий поверх нашего визуального элемента мы можем изменить их цвет и размер текста в категории Axis .   

Мы также можем удалить эти числа.

Чтобы удалить их, просто отключите эту ось  Y.

Следующее, что нам нужно сделать, это ввести легенды, потому что нам также нужно посмотреть на это по статусу изменено. Для этого просто добавьте показатель «Статус изменен» в поле «Легенда» . 

Теперь цвета кругов изменились. 

Изменение пузырьков

Давайте теперь изменим стиль пузырьков или кругов. Просто зайдите в Bubbles , затем измените стиль на Hollow .

Мы можем увеличить размер круга, изменив значение максимального радиуса .

Также есть возможность изменить цвет круга при наведении на него курсора. Просто установите цвет для эффекта наведения. Как видите, если навести курсор на один круг, цвет изменится на фиолетовый. 

Мы также можем отключить текстовую легенду, выключив Legend .

Еще одна вещь, которую мы можем сделать, это отрегулировать размер пузырьков с помощью меры. Например, мы хотим получить результат, в котором чем больше количество билетов, тем больше будет размер пузыря. Поэтому давайте введем меру Count of Tickets в поле Bubble size .

Как видите, теперь на выходе есть пузырьки разного размера. 

Мы также можем определить цвета для наших легенд. Мы можем сделать это в Цветах данных . Здесь мы можем изменить цвет открытых билетов, разрешенных со сроками выполнения и разрешенных без сроков выполнения.

Параметры ориентации для точечных диаграмм

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

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

Мы также можем сортировать категории по возрастанию или убыванию в разделе «Сортировка» . 

В разделе Orientation мы также можем перевернуть метки оси Y и метки родительской оси .

По умолчанию наши метки выглядят так. 

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

Новый курс LuckyTemplates: расширенные методы визуализации.
Пользовательские визуальные отчеты в LuckyTemplates
с использованием пользовательских визуальных элементов для LuckyTemplates.

Заключение

В этом уроке мы узнали, как использовать настраиваемый визуальный элемент Dot Plot и различные параметры, которые мы можем с ним делать. Используйте этот визуальный элемент при представлении группы точек данных, построенных в простой шкале. Точки данных также могут быть помечены, если их несколько.

Точечные диаграммы — это одни из самых простых настраиваемых визуальных элементов в LuckyTemplates, которые подходят для наборов данных небольшого и среднего размера. Они полезны для сравнения значений нескольких мер, приведенных к шкале. Если этот визуальный элемент создан правильно, он может сделать сравнение проще и эффективнее. 

До скорого,

Мудассир