Исходный код вики D01. Создание
Редактировал(а) Дарья Баркова 21.01.2025, 11:58
Последние авторы
| author | version | line-number | content |
|---|---|---|---|
| 1 | 1. Нажмите на виджет **+Дашборд **(1) на главной странице или на **+Дашборд **(2) справа в разделе Дашборды. | ||
| 2 | |||
| 3 | [[image:D01. Создание(1).png]] | ||
| 4 | |||
| 5 | |||
| 6 | [[image:D01. Создание(2).png]] | ||
| 7 | |||
| 8 | |||
| 9 | В конструкторе вы видите две области: область предпросмотра дашборда и окно с перечнем элементов для добавления. | ||
| 10 | |||
| 11 | |||
| 12 | |||
| 13 | [[image:D01. Создание(3).png]] | ||
| 14 | |||
| 15 | |||
| 16 | |||
| 17 | 2. В верхней части окна можно задать название вашего дашборда. | ||
| 18 | В дашборде доступны два типа элементов: Графики и структурные элементы. | ||
| 19 | |||
| 20 | 3. Чтобы добавить График, перетащите его из меню в область предпросмотра. Вы увидите синюю линию, указывающую место для вставки. | ||
| 21 | Чтобы переместить уже добавленный График, перетащите его в нужное место. Для удаления наведите курсор на График и нажмите иконку удаления в правом верхнем углу. Обратите внимание: один График не может быть добавлен на дашборд более одного раза. | ||
| 22 | Во время редактирования можно использовать сочетание клавиш Ctrl + Z для отмены последних изменений. | ||
| 23 | |||
| 24 | [[image:D01. Создание(4).png]] | ||
| 25 | |||
| 26 | 4. В области предпросмотра вы можете менять размер Графика. Ширина может быть одной из двенадцати фиксированных величин, а высота — настраивается свободно. | ||
| 27 | |||
| 28 | [[image:D01. Создание(5).png]] | ||
| 29 | |||
| 30 | |||
| 31 | Теперь перейдем к структурным элементам. | ||
| 32 | Существует шесть типов структурных элементов: | ||
| 33 | |||
| 34 | * вкладки | ||
| 35 | * строка | ||
| 36 | * столбец | ||
| 37 | * заголовок | ||
| 38 | * текст | ||
| 39 | * разделитель | ||
| 40 | |||
| 41 | [[image:D01. Создание(6).png||height="409" width="309"]] | ||
| 42 | |||
| 43 | |||
| 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" %)Вкладки — это элемент интерфейса, который позволяет организовать контент в различных категориях или страницах внутри одного дашборда. Они дают пользователю возможность переключаться между различными наборами данных без необходимости покидать текущую страницу. Их можно добавлять как в тело колонки, так и в шапку дашборда, создавая сложные структуры. | ||
| 45 | |||
| 46 | (% style="line-height:1.38; margin-left:48px; text-indent:36pt" %) | ||
| 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" %)Функция: Позволяют сгруппировать визуализации по логическим категориям и упрощают навигацию по дашборду. | ||
| 48 | |||
| 49 | (% style="line-height:1.38; margin-left:48px; text-indent:36pt" %) | ||
| 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" %)Настройки: Вкладки можно настраивать, добавляя или удаляя визуализации и меняя их порядок для удобства пользователей. | ||
| 51 | |||
| 52 | |||
| 53 | (% start="2" %) | ||
| 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" %)Строка — это элемент, который используется для расположения других компонентов (таких как графики, текстовые блоки или таблицы) в горизонтальном ряду. Это основной строительный блок для организации макета дашборда. | ||
| 55 | |||
| 56 | (% style="line-height:1.38; margin-left:48px; text-indent:36pt" %) | ||
| 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" %)Использование: Позволяет гибко размещать несколько элементов в одном ряду, что способствует более компактному и понятному представлению информации. | ||
| 58 | |||
| 59 | (% style="line-height:1.38; margin-left:48px; text-indent:36pt" %) | ||
| 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" %)Настройки: Можно изменять ширину и отступы, чтобы достичь необходимого визуального эффекта. | ||
| 61 | |||
| 62 | |||
| 63 | (% start="3" %) | ||
| 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" %)Столбец — это вертикально ориентированный элемент, который используется для структурирования дашборда на несколько вертикальных групп. Он позволяет добавлять элементы поверх друг друга и организовывать контент более иерархически. | ||
| 65 | |||
| 66 | (% style="line-height:1.38; margin-left:48px; text-indent:36pt" %) | ||
| 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" %)Функция: Обеспечивает более гибкое размещение элемента, позволяя легко создавать сложные макеты с несколькими составляющими. | ||
| 68 | |||
| 69 | (% style="line-height:1.38; margin-left:48px; text-indent:36pt" %) | ||
| 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" %)Настройки: Столбцы могут иметь различную ширину и отступ, что позволяет управлять пространством на дашборде. | ||
| 71 | |||
| 72 | |||
| 73 | (% start="4" %) | ||
| 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" %)Заголовок — это элемент, представляющий собой текст, который служит для именования секции дашборда или конкретной группы визуализаций. Заголовки помогают установить контекст и объяснить содержание представленных данных. | ||
| 75 | |||
| 76 | (% style="line-height:1.38; margin-left:48px; text-indent:36pt" %) | ||
| 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" %)Функция: Позволяет пользователям быстро понимать, о чем идет речь в разделе, к которому относится заголовок. | ||
| 78 | |||
| 79 | (% style="line-height:1.38; margin-left:48px; text-indent:36pt" %) | ||
| 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" %)Настройки: Может быть настроен по размеру, стилю и цвету для выделения. | ||
| 81 | |||
| 82 | |||
| 83 | (% start="5" %) | ||
| 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-код, что дает возможность пользователям предоставлять контекст и объяснения для представленных данных. | ||
| 85 | |||
| 86 | (% start="6" %) | ||
| 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" %)Разделитель — используется для визуального разделения различных секций или компонентов на дашборде. Он облегчает восприятие информации. | ||
| 88 | |||
| 89 | (% style="line-height:1.38; margin-left:48px; text-indent:36pt" %) | ||
| 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" %)Использование: Часто применяется для разграничения визуализаций, текстовых блоков или других элементов, что позволяет пользователю легче ориентироваться в дашборде. | ||
| 91 | |||
| 92 | (% style="line-height:1.38; margin-left:48px; text-indent:36pt" %) | ||
| 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" %)Настройки: Разделители могут быть горизонтальными или вертикальными, в зависимости от желаемого дизайна и структуры контента. | ||
| 94 | |||
| 95 | |||
| 96 | |||
| 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. Для добавления структурного элемента нужно перенести его в область предпросмотра так же, как и График. | ||
| 98 | |||
| 99 | [[image:D01. Создание(7).png]] | ||
| 100 | |||
| 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 | |||
| 107 | **[[В начало>>doc:]] **🡱 | ||
| 108 | **[[К следующему разделу>>doc:Big Data.Cloud BI_new.Дашборды.Действия с графиком.WebHome]] **🡲 | ||
| 109 | **[[К предыдущему разделу>>doc:Big Data.Cloud BI_new.Дашборды.WebHome]] 🡰** |