D01. Создание
- Нажмите на виджет +Дашборд (1) на главной странице или на +Дашборд (2) справа в разделе Дашборды.
В конструкторе вы видите две области: область предпросмотра дашборда и окно с перечнем элементов для добавления.
2. В верхней части окна можно задать название вашего дашборда.
В дашборде доступны два типа элементов: Графики и структурные элементы.
3. Чтобы добавить График, перетащите его из меню в область предпросмотра. Вы увидите синюю линию, указывающую место для вставки.
Чтобы переместить уже добавленный График, перетащите его в нужное место. Для удаления наведите курсор на График и нажмите иконку удаления в правом верхнем углу. Обратите внимание: один График не может быть добавлен на дашборд более одного раза.
Во время редактирования можно использовать сочетание клавиш Ctrl + Z для отмены последних изменений.
4. В области предпросмотра вы можете менять размер Графика. Ширина может быть одной из двенадцати фиксированных величин, а высота — настраивается свободно.
Теперь перейдем к структурным элементам.
Существует шесть типов структурных элементов:
- вкладки
- строка
- столбец
- заголовок
- текст
- разделитель
- Вкладки — это элемент интерфейса, который позволяет организовать контент в различных категориях или страницах внутри одного дашборда. Они дают пользователю возможность переключаться между различными наборами данных без необходимости покидать текущую страницу. Их можно добавлять как в тело колонки, так и в шапку дашборда, создавая сложные структуры.
Функция: Позволяют сгруппировать визуализации по логическим категориям и упрощают навигацию по дашборду.
Настройки: Вкладки можно настраивать, добавляя или удаляя визуализации и меняя их порядок для удобства пользователей.
- Строка — это элемент, который используется для расположения других компонентов (таких как графики, текстовые блоки или таблицы) в горизонтальном ряду. Это основной строительный блок для организации макета дашборда.
Использование: Позволяет гибко размещать несколько элементов в одном ряду, что способствует более компактному и понятному представлению информации.
Настройки: Можно изменять ширину и отступы, чтобы достичь необходимого визуального эффекта.
- Столбец — это вертикально ориентированный элемент, который используется для структурирования дашборда на несколько вертикальных групп. Он позволяет добавлять элементы поверх друг друга и организовывать контент более иерархически.
Функция: Обеспечивает более гибкое размещение элемента, позволяя легко создавать сложные макеты с несколькими составляющими.
Настройки: Столбцы могут иметь различную ширину и отступ, что позволяет управлять пространством на дашборде.
- Заголовок — это элемент, представляющий собой текст, который служит для именования секции дашборда или конкретной группы визуализаций. Заголовки помогают установить контекст и объяснить содержание представленных данных.
Функция: Позволяет пользователям быстро понимать, о чем идет речь в разделе, к которому относится заголовок.
Настройки: Может быть настроен по размеру, стилю и цвету для выделения.
- Текстовый блок — это элемент, позволяющий добавлять текстовую информацию, пояснения или описания к визуализациям на дашборде. Он может содержать заголовки, подзаголовки, форматированный текст, ссылки и даже HTML-код, что дает возможность пользователям предоставлять контекст и объяснения для представленных данных.
- Разделитель — используется для визуального разделения различных секций или компонентов на дашборде. Он облегчает восприятие информации.
Использование: Часто применяется для разграничения визуализаций, текстовых блоков или других элементов, что позволяет пользователю легче ориентироваться в дашборде.
Настройки: Разделители могут быть горизонтальными или вертикальными, в зависимости от желаемого дизайна и структуры контента.
5. Для добавления структурного элемента нужно перенести его в область предпросмотра так же, как и График.