Сравнение версий
Версия | Старая версия 10 | Новая версия Текущий |
---|---|---|
Изменения, внесенные | ||
Сохранено |
Ключ
- Эта строка добавлена.
- Эта строка удалена.
- Изменено форматирование.
Вкладка
«Настройки»Настройки
Ниже описана функциональность дано краткое описание общих кнопок и полей вкладки «Настройки», отображаемых на вкладке Настройки.
![](https://visiology-doc.atlassian.net/wiki/download/attachments/65536389/%D0%B8%D0%B7%D0%BE%D0%B1%D1%80%D0%B0%D0%B6%D0%B5%D0%BD%D0%B8%D0%B5-20230228-180323.png?version=1&modificationDate=1677607406526&cacheVersion=1&api=v2)
Image Added
![]() | Сбрасывает все настройки до примененной темы. |
Заголовок
![]() ![]() | Автоматическое определение высоты заголовка, для корректного отображения текста. |
![]() | Скрытие / отображение заголовка виджета. По умолчанию заголовок отображается. |
![]() ![]() | Настройка межстрочного интервала. |
![]() ![]() | Настройка высоты заголовка. |
![]() ![]() | Настройка шрифта и его размера. |
![]() | Выравнивание заголовка. |
![]() ![]() | Настройка начертания текста. |
![]() | В поле Текст указывается заголовок виджета. Включив опцию Добавить ссылку, вы сможете указать адрес страницы, которая загрузится при клике на заголовке. |
Цветовая палитра
![]() ![]() | Ручная настройка. Позволяет вносить изменения в стили и в настройки виджетов стандартную палитру цветов. Измерение порядка цветов возможно с помощью "перетаскивания" (drag and drop). | ![]() | Задание цвета области отображения текста заголовка. |
![]() | Задание цвета текста. | ||
![]() | Поле для редактирования заголовка виджета. | ||
![]() | Добавление / скрытие ссылки перехода по нажатию на заголовок. В поле редактирования указывается ссылка перехода. |
Общие
![](https://visiology-doc.atlassian.net/wiki/download/thumbnails/65536389/worddav27a8e67416ba32b7cb64c4e4def69bb4.png?version=4&modificationDate=1679405362800&cacheVersion=1&api=v2&width=442)
Общие
![]() | Уникальный номер виджета, который автоматически присваивается ему системой. Используется для привязки данных из одного виджета к другому. |
![]() | Вспомогательная привязка к другому виджету (и его данным). Настройка влияния данных связанного элемента на настраиваемый виджет производится в режиме «Просмотр (редактирование)». |
![]() ![]() ![]() | Включение / блокировка возможности редактирования кода элемента в режиме «Предпросмотр (редактирование)» и в самом дашборд дизайнере. |
![]() ![]() | Это сброс всех изменений кода виджета к стандартному виду. |
Положение элемента
![]() ![]() ![]() | Точная настройка положения виджета. За положение с координатами (0;0) принимается левый верхний угол листа. |
![]() ![]() ![]() | Точная настройка размеров виджета. |
Рамка
![]() | Скрытие / отображение рамки виджета. |
![]() | Задание цвета рамки виджета стандартными цветами. Если необходимый цвет отсутствует, то воспользуйтесь кнопкой «Дополнительные настройки». |
![]() ![]() | С помощью ползунков осуществляется настройка цвета (R, G, B) и прозрачности (A). Существует возможность задать цвет HTML-кодом (#A6FF46F4). По кнопке «Стандартные цвета» осуществляется переход в окно с набором стандартных цветов. |
![]() ![]() | Настройка скругления углов для выбранного виджета: ![]()
|
![]() | Блок для настройки тени для выбранного виджета: ![]() |
Фон
![]() | Настройка отображения фона виджета. |
![]() ![]() | Задание цвета фона виджета. |
![]() ![]() | С помощью ползунков осуществляется настройка цвета (R, G, B) и прозрачности (A). Существует возможность задать цвет HTML-кодом (#A6FF46F4). По кнопке «Стандартные цвета» осуществляется переход в окно с набором стандартных цветов. |
Выборка | ||
---|---|---|
| ||
Форматирование |
![](https://visiology-doc.atlassian.net/wiki/download/thumbnails/65536389/worddav6ef183e0234a68d0ce36ca5e540e09e8.png?version=4&modificationDate=1679405363407&cacheVersion=1&api=v2&width=510)
Зарезервированные команды:
С синтаксисом зарезервированных команд можно ознакомиться в разделе Продвинутое форматирование свойств виджетов. Пример 1 |
@series.name+ '</div>' |
![](https://visiology-doc.atlassian.net/wiki/download/thumbnails/65536389/image2018-10-9_12-26-17.png?version=4&modificationDate=1679405363441&cacheVersion=1&api=v2&width=566)
![](https://visiology-doc.atlassian.net/wiki/download/thumbnails/65536389/%D0%B8%D0%B7%D0%BE%D0%B1%D1%80%D0%B0%D0%B6%D0%B5%D0%BD%D0%B8%D0%B5-20230228-180607.png?version=1&modificationDate=1677607570007&cacheVersion=1&api=v2&width=226)
![]() Пример 2. |
|
Выборка | ||
---|---|---|
| ||
Панель фильтров и Drill Down |
![](https://visiology-doc.atlassian.net/wiki/download/thumbnails/65536389/drill-down.png?version=3&modificationDate=1679405363475&cacheVersion=1&api=v2&width=557)
|
![](https://visiology-doc.atlassian.net/wiki/download/thumbnails/65536389/worddavdfe459f91bceb7a157492ce130b47df7.png?version=4&modificationDate=1679405363509&cacheVersion=1&api=v2&width=612)
Пример: |
![](https://visiology-doc.atlassian.net/wiki/download/thumbnails/65536389/%D0%B8%D0%B7%D0%BE%D0%B1%D1%80%D0%B0%D0%B6%D0%B5%D0%BD%D0%B8%D0%B5-20230228-180648.png?version=1&modificationDate=1677607610383&cacheVersion=1&api=v2&width=396)
После выбора «Использовать Drill |
down», на гистограмме отображаются данные соответствующие первому уровню детализации «Отдел». |
![](https://visiology-doc.atlassian.net/wiki/download/attachments/65536389/%D0%B8%D0%B7%D0%BE%D0%B1%D1%80%D0%B0%D0%B6%D0%B5%D0%BD%D0%B8%D0%B5-20230228-180710.png?version=1&modificationDate=1677607632219&cacheVersion=1&api=v2)
Для того, чтобы попасть на следующий уровень детализации, необходимо кликнуть два раза левой кнопкой мыши по одному из столбцов или |
выбрать иконку |
down увеличиваются при наведении на них и становится доступен переход на любой из уровней. |
![](https://visiology-doc.atlassian.net/wiki/download/thumbnails/65536389/worddav08aa3e9c20ee6aaccf4daaa60d0b48d0.png?version=4&modificationDate=1679405363545&cacheVersion=1&api=v2&width=612)
![]() Настройка серий и сегментов
|
![](https://visiology-doc.atlassian.net/wiki/download/thumbnails/65536389/%D0%B8%D0%B7%D0%BE%D0%B1%D1%80%D0%B0%D0%B6%D0%B5%D0%BD%D0%B8%D0%B5-20230228-180959.png?version=1&modificationDate=1677607801796&cacheVersion=1&api=v2&width=396)
|
![](https://visiology-doc.atlassian.net/wiki/download/attachments/65536389/%D0%B8%D0%B7%D0%BE%D0%B1%D1%80%D0%B0%D0%B6%D0%B5%D0%BD%D0%B8%D0%B5-20230228-181037.png?version=1&modificationDate=1677607839674&cacheVersion=1&api=v2)
|
Общая цветовая палитра (Colorpicker)
Для изменения цветов различных элементов виджетов используется компонент "Colorpicker":
![](https://visiology-doc.atlassian.net/wiki/download/thumbnails/65536389/%D0%B8%D0%B7%D0%BE%D0%B1%D1%80%D0%B0%D0%B6%D0%B5%D0%BD%D0%B8%D0%B5-20230228-181108.png?version=1&modificationDate=1677607870929&cacheVersion=1&api=v2&width=170)
Image Added
На вкладке "Стандартные" colorpicker содержит:
"Тема" - отображаются все цвета из темы проекта
"Стандартные" - набор стандартных цветов
"Недавние" - 10 недавно использованных цветов. Цвета отображаются общие для всех виджетов и для всех элементов виджетов (текст, фон, рамка и т.д.)
На вкладке "Дополнительно" имеется возможность настройки цвета по:
RGBA
HEX
Ручная настройка по шкале
![](https://visiology-doc.atlassian.net/wiki/download/thumbnails/65536389/image2021-5-19_16-11-54.png?version=4&modificationDate=1679405363607&cacheVersion=1&api=v2&width=176)
![](https://visiology-doc.atlassian.net/wiki/download/thumbnails/65536389/image2021-5-19_16-11-54.png?version=4&modificationDate=1679405363607&cacheVersion=1&api=v2&width=170)
Информация |
---|
"Недавние" цвета сохраняются только в рамках текущей сессии Desktop Designer, после выхода и повторного входа все "Недавние" цвета очищаются. Если вы хотите их сохранить, но необходимо добавить эти цвета в вашу "Тему проекта" |