Исходный код вики D01. Создание

Редактировал(а) Дарья Баркова 21.01.2025, 11:58

Скрыть последних авторов
Дарья Баркова 16.1 1 1. Нажмите на виджет **+Дашборд  **(1) на главной странице или на **+Дашборд  **(2) справа в разделе Дашборды.
Ирина Сафонова 2.1 2
Дарья Баркова 15.1 3 [[image:D01. Создание(1).png]]
Ирина Сафонова 2.1 4
Ирина Сафонова 7.1 5
Дарья Баркова 15.1 6 [[image:D01. Создание(2).png]]
Ирина Сафонова 2.1 7
8
Дарья Баркова 16.1 9 В конструкторе вы видите две области: область предпросмотра дашборда и окно с перечнем элементов для добавления.
Ирина Сафонова 3.1 10
Ирина Сафонова 11.1 11
Ирина Сафонова 13.1 12
Дарья Баркова 15.1 13 [[image:D01. Создание(3).png]]
14
15
16
Дарья Баркова 16.1 17 2. В верхней части окна можно задать название вашего дашборда.
18 В дашборде доступны два типа элементов: Графики и структурные элементы.
Дарья Баркова 15.1 19
Дарья Баркова 16.1 20 3. Чтобы добавить График, перетащите его из меню в область предпросмотра. Вы увидите синюю линию, указывающую место для вставки.
21 Чтобы переместить уже добавленный График, перетащите его в нужное место. Для удаления наведите курсор на График и нажмите иконку удаления в правом верхнем углу. Обратите внимание: один График не может быть добавлен на дашборд более одного раза.
22 Во время редактирования можно использовать сочетание клавиш Ctrl + Z для отмены последних изменений.
Дарья Баркова 15.1 23
24 [[image:D01. Создание(4).png]]
25
Дарья Баркова 16.1 26 4. В области предпросмотра вы можете менять размер Графика. Ширина может быть одной из двенадцати фиксированных величин, а высота — настраивается свободно.
Дарья Баркова 15.1 27
28 [[image:D01. Создание(5).png]]
29
30
Дарья Баркова 17.1 31 Теперь перейдем к структурным элементам.
Дарья Баркова 16.1 32 Существует шесть типов структурных элементов:
Дарья Баркова 15.1 33
Дарья Баркова 16.1 34 * вкладки
35 * строка
36 * столбец
37 * заголовок
38 * текст
39 * разделитель
Дарья Баркова 15.1 40
Дарья Баркова 16.1 41 [[image:D01. Создание(6).png||height="409" width="309"]]
Дарья Баркова 15.1 42
43
Дарья Баркова 17.1 44 1. (% style="color:#000000; font-family:~"Helvetica Neue~",sans-serif; font-size:11pt; font-style:normal; font-variant:normal; font-weight:400; text-decoration:none; white-space:pre-wrap" %)Вкладки — это элемент интерфейса, который позволяет организовать контент в различных категориях или страницах внутри одного дашборда. Они дают пользователю возможность переключаться между различными наборами данных без необходимости покидать текущую страницу. Их можно добавлять как в тело колонки, так и в шапку дашборда, создавая сложные структуры.
Дарья Баркова 15.1 45
46 (% style="line-height:1.38; margin-left:48px; text-indent:36pt" %)
Дарья Баркова 17.1 47 (% style="color:#000000; font-family:~"Helvetica Neue~",sans-serif; font-size:11pt; font-style:normal; font-variant:normal; font-weight:400; text-decoration:none; white-space:pre-wrap" %)Функция: Позволяют сгруппировать визуализации по логическим категориям и упрощают навигацию по дашборду.
Дарья Баркова 15.1 48
49 (% style="line-height:1.38; margin-left:48px; text-indent:36pt" %)
Дарья Баркова 17.1 50 (% style="color:#000000; font-family:~"Helvetica Neue~",sans-serif; font-size:11pt; font-style:normal; font-variant:normal; font-weight:400; text-decoration:none; white-space:pre-wrap" %)Настройки: Вкладки можно настраивать, добавляя или удаляя визуализации и меняя их порядок для удобства пользователей.
Дарья Баркова 15.1 51
52
53 (% start="2" %)
Дарья Баркова 17.1 54 1. (% style="color:#000000; font-family:~"Helvetica Neue~",sans-serif; font-size:11pt; font-style:normal; font-variant:normal; font-weight:400; text-decoration:none; white-space:pre-wrap" %)Строка — это элемент, который используется для расположения других компонентов (таких как графики, текстовые блоки или таблицы) в горизонтальном ряду. Это основной строительный блок для организации макета дашборда.
Дарья Баркова 15.1 55
56 (% style="line-height:1.38; margin-left:48px; text-indent:36pt" %)
Дарья Баркова 17.1 57 (% style="color:#000000; font-family:~"Helvetica Neue~",sans-serif; font-size:11pt; font-style:normal; font-variant:normal; font-weight:400; text-decoration:none; white-space:pre-wrap" %)Использование: Позволяет гибко размещать несколько элементов в одном ряду, что способствует более компактному и понятному представлению информации.
Дарья Баркова 15.1 58
59 (% style="line-height:1.38; margin-left:48px; text-indent:36pt" %)
Дарья Баркова 17.1 60 (% style="color:#000000; font-family:~"Helvetica Neue~",sans-serif; font-size:11pt; font-style:normal; font-variant:normal; font-weight:400; text-decoration:none; white-space:pre-wrap" %)Настройки: Можно изменять ширину и отступы, чтобы достичь необходимого визуального эффекта.
Дарья Баркова 15.1 61
62
63 (% start="3" %)
Дарья Баркова 17.1 64 1. (% style="color:#000000; font-family:~"Helvetica Neue~",sans-serif; font-size:11pt; font-style:normal; font-variant:normal; font-weight:400; text-decoration:none; white-space:pre-wrap" %)Столбец — это вертикально ориентированный элемент, который используется для структурирования дашборда на несколько вертикальных групп. Он позволяет добавлять элементы поверх друг друга и организовывать контент более иерархически.
Дарья Баркова 15.1 65
66 (% style="line-height:1.38; margin-left:48px; text-indent:36pt" %)
Дарья Баркова 17.1 67 (% style="color:#000000; font-family:~"Helvetica Neue~",sans-serif; font-size:11pt; font-style:normal; font-variant:normal; font-weight:400; text-decoration:none; white-space:pre-wrap" %)Функция: Обеспечивает более гибкое размещение элемента, позволяя легко создавать сложные макеты с несколькими составляющими.
Дарья Баркова 15.1 68
69 (% style="line-height:1.38; margin-left:48px; text-indent:36pt" %)
Дарья Баркова 17.1 70 (% style="color:#000000; font-family:~"Helvetica Neue~",sans-serif; font-size:11pt; font-style:normal; font-variant:normal; font-weight:400; text-decoration:none; white-space:pre-wrap" %)Настройки: Столбцы могут иметь различную ширину и отступ, что позволяет управлять пространством на дашборде.
Дарья Баркова 15.1 71
72
73 (% start="4" %)
Дарья Баркова 17.1 74 1. (% style="color:#000000; font-family:~"Helvetica Neue~",sans-serif; font-size:11pt; font-style:normal; font-variant:normal; font-weight:400; text-decoration:none; white-space:pre-wrap" %)Заголовок — это элемент, представляющий собой текст, который служит для именования секции дашборда или конкретной группы визуализаций. Заголовки помогают установить контекст и объяснить содержание представленных данных.
Дарья Баркова 15.1 75
76 (% style="line-height:1.38; margin-left:48px; text-indent:36pt" %)
Дарья Баркова 17.1 77 (% style="color:#000000; font-family:~"Helvetica Neue~",sans-serif; font-size:11pt; font-style:normal; font-variant:normal; font-weight:400; text-decoration:none; white-space:pre-wrap" %)Функция: Позволяет пользователям быстро понимать, о чем идет речь в разделе, к которому относится заголовок.
Дарья Баркова 15.1 78
79 (% style="line-height:1.38; margin-left:48px; text-indent:36pt" %)
Дарья Баркова 17.1 80 (% style="color:#000000; font-family:~"Helvetica Neue~",sans-serif; font-size:11pt; font-style:normal; font-variant:normal; font-weight:400; text-decoration:none; white-space:pre-wrap" %)Настройки: Может быть настроен по размеру, стилю и цвету для выделения.
Дарья Баркова 15.1 81
82
83 (% start="5" %)
Дарья Баркова 17.1 84 1. (% style="color:#000000; font-family:~"Helvetica Neue~",sans-serif; font-size:11pt; font-style:normal; font-variant:normal; font-weight:400; text-decoration:none; white-space:pre-wrap" %)Текстовый блок — это элемент, позволяющий добавлять текстовую информацию, пояснения или описания к визуализациям на дашборде. Он может содержать заголовки, подзаголовки, форматированный текст, ссылки и даже HTML-код, что дает возможность пользователям предоставлять контекст и объяснения для представленных данных.
Дарья Баркова 15.1 85
86 (% start="6" %)
Дарья Баркова 17.1 87 1. (% style="color:#000000; font-family:~"Helvetica Neue~",sans-serif; font-size:11pt; font-style:normal; font-variant:normal; font-weight:400; text-decoration:none; white-space:pre-wrap" %)Разделитель — используется для визуального разделения различных секций или компонентов на дашборде. Он облегчает восприятие информации.
Дарья Баркова 15.1 88
89 (% style="line-height:1.38; margin-left:48px; text-indent:36pt" %)
Дарья Баркова 17.1 90 (% style="color:#000000; font-family:~"Helvetica Neue~",sans-serif; font-size:11pt; font-style:normal; font-variant:normal; font-weight:400; text-decoration:none; white-space:pre-wrap" %)Использование: Часто применяется для разграничения визуализаций, текстовых блоков или других элементов, что позволяет пользователю легче ориентироваться в дашборде.
Дарья Баркова 15.1 91
92 (% style="line-height:1.38; margin-left:48px; text-indent:36pt" %)
Дарья Баркова 17.1 93 (% style="color:#000000; font-family:~"Helvetica Neue~",sans-serif; font-size:11pt; font-style:normal; font-variant:normal; font-weight:400; text-decoration:none; white-space:pre-wrap" %)Настройки: Разделители могут быть горизонтальными или вертикальными, в зависимости от желаемого дизайна и структуры контента.
Дарья Баркова 15.1 94
95
96
Дарья Баркова 17.1 97 (% style="color:#000000; font-family:~"Helvetica Neue~",sans-serif; font-size:11pt; font-style:normal; font-variant:normal; font-weight:400; text-decoration:none; white-space:pre-wrap" %)5. Для добавления структурного элемента нужно перенести его в область предпросмотра так же, как и График.
Дарья Баркова 15.1 98
99 [[image:D01. Создание(7).png]]
100
Дарья Баркова 17.1 101
102 (% style="line-height:1.38" %)
103 (% style="font-size: 11pt; font-variant: normal; white-space: pre-wrap; font-family: ~"Helvetica Neue~", sans-serif; color: rgb(0, 0, 0); font-weight: 400; font-style: normal; text-decoration: none" %)6. Чтобы сохранить изменения в дашборде, нажмите соответствующую кнопку в верхней части экрана. Здесь же можно выйти из редактора дашборда без сохранения.
104
105
106
Ирина Сафонова 13.1 107 **[[В начало>>doc:]] **🡱
108 **[[К следующему разделу>>doc:Big Data.Cloud BI_new.Дашборды.Действия с графиком.WebHome]] **🡲
109 **[[К предыдущему разделу>>doc:Big Data.Cloud BI_new.Дашборды.WebHome]] 🡰**