Исходный код вики D01. Создание
Редактировал(а) Дарья Баркова 21.01.2025, 11:58
Скрыть последних авторов
| author | version | line-number | content |
|---|---|---|---|
 |
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]] 🡰** |