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

Ключ

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

Ниже описана функциональность кнопок и полей вкладки «Настройки».
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