Сравнение версий

Ключ

  • Эта строка добавлена.
  • Эта строка удалена.
  • Изменено форматирование.

Вкладка

«Настройки»

Настройки

Ниже описана функциональность дано краткое описание общих кнопок и полей вкладки «Настройки», отображаемых на вкладке Настройки.

Image Removed

 Image Added

Image Removed

 Image Added

Сбрасывает все настройки до примененной темы.

Заголовок

Image RemovedImage Added

Автоматическое определение высоты заголовка, для корректного отображения текста.

Скрытие / отображение заголовка виджета. По умолчанию заголовок отображается.

Настройка межстрочного интервала.

Настройка высоты заголовка.

Настройка шрифта и его размера.

Выравнивание заголовка.

Image RemovedImage Added

Настройка начертания текста.

Image Added

В поле Текст указывается заголовок виджета.

Включив опцию Добавить ссылку, вы сможете указать адрес страницы, которая загрузится при клике на заголовке.

Цветовая палитра

Image RemovedImage Added

Ручная настройка. Позволяет вносить изменения в стили и в настройки виджетов стандартную палитру цветов.

Измерение порядка цветов возможно с помощью "перетаскивания" (drag and drop).

Image Removed

Задание цвета области отображения текста заголовка.

Image Removed

Задание цвета текста.

Image Removed

Поле для редактирования заголовка виджета.

Image Removed

Добавление / скрытие ссылки перехода по нажатию на заголовок. В поле редактирования указывается ссылка перехода.

Общие

Image Removed

Общие

Image Added

Уникальный номер виджета, который автоматически присваивается ему системой. Используется для привязки данных из одного виджета к другому.

Image Removed

Вспомогательная привязка к другому виджету (и его данным). Настройка влияния данных связанного элемента на настраиваемый виджет производится в режиме «Просмотр (редактирование)».

Image RemovedImage RemovedImage Added

Включение / блокировка возможности редактирования кода элемента в режиме «Предпросмотр (редактирование)» и в самом дашборд дизайнере.

Image RemovedImage Added

Это сброс всех изменений кода виджета к стандартному виду.

Положение элемента

Image RemovedImage Added

Точная настройка положения виджета. За положение с координатами (0;0) принимается левый верхний угол листа.

Image RemovedImage Added

Точная настройка размеров виджета.

Рамка

Скрытие / отображение рамки виджета.

Задание цвета рамки виджета стандартными цветами. Если необходимый цвет отсутствует, то воспользуйтесь кнопкой «Дополнительные настройки».

Image RemovedImage Added

С помощью ползунков осуществляется настройка цвета (R, G, B) и прозрачности (A). Существует возможность задать цвет HTML-кодом (#A6FF46F4). По кнопке «Стандартные цвета» осуществляется переход в окно с набором стандартных цветов.

Image RemovedImage Added

Настройка скругления углов для выбранного виджета:

Image Removed

Image Added

Блок для настройки тени для выбранного виджета:

Фон

Настройка отображения фона виджета.

Image RemovedImage Added

Задание цвета фона виджета.

Image RemovedImage Added

С помощью ползунков осуществляется настройка цвета (R, G, B) и прозрачности (A). Существует возможность задать цвет HTML-кодом (#A6FF46F4). По кнопке «Стандартные цвета» осуществляется переход в окно с набором стандартных цветов.

Выборка
hiddentrue

Форматирование

Image Removed
Image Added

Настройка свойств виджета с помощью языков html, JavaScript. Чтобы начать визуальную настройку с помощью команд, необходимо сначала настроить привязку данных во вкладке «Привязка данных».

Зарезервированные команды:

  • @value – значения по оси;

  • @value.x – значения точки по Х;

  • @value.y – значения точки по Y;

  • @point.color – цвет подписей;

  • @series.name – имя серии;

  • @total – суммарное значение для круговой диаграммы.

С синтаксисом зарезервированных команд можно ознакомиться в разделе Продвинутое форматирование свойств виджетов.

Пример 1
Виджет «Гистограмма». Форматирование подписей точек/столбцов: '<div style=»color:' + @point.color + '»> '+

@series

@series.name+ '</div>'

Image RemovedImage Removed
Image Added

Пример 2.
Форматирование виджета «Текст»: '<div style=»color: red»>' + @value + '</div>'


Image Added

Выборка
hiddentrue

Панель фильтров и Drill Down

Image Removed
Image Added

Раздел для настройки детализации данных.

Image Removed
Image Added

Данный чек-бокс позволяет задавать детализацию данных по для виджетов «График», «Гистограмма», «Линейчатая диаграмма», «Круговая диаграмма».

Пример:
Выбрано три измерения в строках «Отдел», «Должность», «Фамилия».

Image Removed

Image Added

После выбора «Использовать Drill

Down»

down», на гистограмме отображаются данные соответствующие первому уровню детализации «Отдел».

Image Removed

Image Added

Для того, чтобы попасть на следующий уровень детализации, необходимо кликнуть два раза левой кнопкой мыши по одному из столбцов или

кликнуть кнопку со стрелкой в правом верхнем углу

выбрать иконку Image Added .
Иконки фильтра и Drill

Down

down увеличиваются при наведении на них и становится доступен переход на любой из уровней.

Image Removed
Image Added

Настройка серий и сегментов

Image Modified

Выбор варианта фильтрации серий. Например, один виджет влияет на другой. При выбранном чек-боксе «Множественный виджет», для фильтрации можно выбрать несколько столбцов:

Image Removed

Image Added
Если чек-бокс «Множественный виджет» не выбран, для фильтрации будет доступен выбор только одного столбца:

Image Removed

Image Added

Общая цветовая палитра (Colorpicker)

Для изменения цветов различных элементов виджетов используется компонент "Colorpicker":

Image Removed

Image Added

На вкладке "Стандартные" colorpicker содержит:

  1. "Тема" - отображаются все цвета из темы проекта

  2. "Стандартные" - набор стандартных цветов

  3. "Недавние" - 10 недавно использованных цветов. Цвета отображаются общие для всех виджетов и для всех элементов виджетов (текст, фон,  рамка и т.д.)

На вкладке "Дополнительно" имеется возможность настройки цвета по:

  1. RGBA

  2. HEX

  3. Ручная настройка по шкале 

Image RemovedImage Added
Информация

"Недавние" цвета сохраняются только в рамках текущей сессии Desktop Designer, после выхода и повторного входа все "Недавние" цвета очищаются. Если вы хотите их сохранить, но необходимо добавить эти цвета в вашу "Тему проекта"

На этой странице

Оглавление

Нужна дополнительная помощь?

Свяжитесь с технической поддержкой.