D01. Создание

Версия 16.1 от Дарья Баркова на 20.01.2025, 00:50

  1. Нажмите на виджет +Дашборд  (1) на главной странице или на +Дашборд  (2) справа в разделе Дашборды.

D01. Создание(1).png

D01. Создание(2).png

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

D01. Создание(3).png

2. В верхней части окна можно задать название вашего дашборда.
В дашборде доступны два типа элементов: Графики и структурные элементы.

3. Чтобы добавить График, перетащите его из меню в область предпросмотра. Вы увидите синюю линию, указывающую место для вставки.
Чтобы переместить уже добавленный График, перетащите его в нужное место. Для удаления наведите курсор на График и нажмите иконку удаления в правом верхнем углу. Обратите внимание: один График не может быть добавлен на дашборд более одного раза.
Во время редактирования можно использовать сочетание клавиш Ctrl + Z для отмены последних изменений.

D01. Создание(4).png

4. В области предпросмотра вы можете менять размер Графика. Ширина может быть одной из двенадцати фиксированных величин, а высота — настраивается свободно.

D01. Создание(5).png

Теперь перейдем к структурным элементам.
Существует шесть типов структурных элементов: 

  • вкладки
  • строка 
  • столбец
  • заголовок
  • текст
  • разделитель

D01. Создание(6).png

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

Функция: Позволяют сгруппировать визуализации по логическим категориям и упрощают навигацию по дашборду. 

Настройки: Вкладки можно настраивать, добавляя или удаляя визуализации и меняя их порядок для удобства пользователей.

  1. Строка — это элемент, который используется для расположения других компонентов (таких как графики, текстовые блоки или таблицы) в горизонтальном ряду. Это основной строительный блок для организации макета дашборда. 

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

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

  1. Столбец — это вертикально ориентированный элемент, который используется для структурирования дашборда на несколько вертикальных групп. Он позволяет добавлять элементы поверх друг друга и организовывать контент более иерархически. 

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

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

  1. Заголовок — это элемент, представляющий собой текст, который служит для именования секции дашборда или конкретной группы визуализаций. Заголовки помогают установить контекст и объяснить содержание представленных данных. 

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

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

  1. Текстовый блок — это элемент, позволяющий добавлять текстовую информацию, пояснения или описания к визуализациям на дашборде. Он может содержать заголовки, подзаголовки, форматированный текст, ссылки и даже HTML-код, что дает возможность пользователям предоставлять контекст и объяснения для представленных данных.
  1. Разделитель — используется для визуального разделения различных секций или компонентов на дашборде. Он облегчает восприятие информации. 

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

Настройки: Разделители могут быть горизонтальными или вертикальными, в зависимости от желаемого дизайна и структуры контента.

5. Для добавления структурного элемента нужно перенести его в область предпросмотра так же, как и График.

D01. Создание(7).png

В начало 🡱
К следующему разделу 🡲
К предыдущему разделу 🡰