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

Ключ

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

Ниже описана функциональность кнопок и полей вкладки «Настройки».
Image Added 

 Image Added

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

Заголовок

Image Added

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

Image Added

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

Image AddedImage Added

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

Image AddedImage Added

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

Image AddedImage Added

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

Image Added

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

Image Added

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

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


 Image Added

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

Image AddedImage Added

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

Image Added

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

Image Added

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

Image Added

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

Общие

Image Added

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

Image Added

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

Image AddedImage Added

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

Image Added

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

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

Image AddedImage Added

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

Image AddedImage Added

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

Рамка

Image Added

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

Image Added

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

Image Added

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

Image Added

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

Image Added

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


Фон

Image Added

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

Image AddedImage Added

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

Image Added

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

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

Image Added

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

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

  • @value – значения по оси;
  • @value.x – значения точки по Х;
  • @value.y – значения точки по Y;
  • @point.color – цвет подписей;
  • @series.name – имя серии;
  • @total – суммарное значение для круговой диаграммы.

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


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

Image Added

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

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

Image Added

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

Image Added

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

  • Для виджетов «График», «Гистограмма», «Линейчатая диаграмма», «Круговая диаграмма»

Image Added

Так же, для задания уровней детализации, можно группировать данные по нескольким измерениям. Например, на первом уровне выбрать Год-квартал, на втором – месяц. Для этого, необходимо в строках в разделе «Привязка данных» выбрать «Режим группировки».
Image Added

Image Added

Настройка цвета и текста для элементов управления детализацией и очистки фильтров, отображаемых на виджете.
Image Added


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


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


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

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

Image Added

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