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

Ключ

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

Вкладка «Настройки»

...

 Image Removed

...

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

Заголовок

...

Image Removed

...

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

...

Image Removed

...

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

...

Image RemovedImage Removed

...

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

...

Image RemovedImage Removed

...

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

...

Image RemovedImage Removed

...

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

...

Image Removed

...

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

...

Image Removed

...

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

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

...

Image Removed

...

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

...

Image Removed

...

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

...

Image Removed

...

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

...

Image Removed

...

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

...

Image Removed

...

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

Общие

...

Image Removed

...

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

...

Image Removed

...

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

...

Image RemovedImage Removed

...

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

...

Image Removed

...

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

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

...

Image RemovedImage Removed

...

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

...

Image RemovedImage Removed

...

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

Рамка

...

Image Removed

...

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

...

Image Removed

...

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

...

Image Removed

...

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

...

Image Removed

...

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

...

Image Removed

...

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

Фон

...

Image Removed

...

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

...

Image Removed

...

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

...

Image Removed

...

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

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

...

Image Removed

...

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

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

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

...

Image Removed

...

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

...

Image Removed

...

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

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

...

Image Removed

...

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

...

Image Removed

...

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

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

...

Image Removed

...

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

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

  1. "Тема" - отображаются все цвета из темы проекта
  2. "Стандартные" - набор стандартных цветов
  3. "Недавние" - 10 недавно использованных цветов. Цвета отображаются общие для всех виджетов и для всех элементов виджетов (текст, фон,  рамка и т.д.)
  1. RGBA
  2. HEX
  3. Ручная настройка по шкале 
Информация

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

Вкладка «Настройки»

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

...

 Image Modified

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

Заголовок

Image Removed
Image Added

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

Image Modified

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

Image Modified
Image Removed
Image Added

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

Image ModifiedImage Modified

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

Image ModifiedImage Modified

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

Image Modified

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

Image Modified

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

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

Image Removed
Image Added

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

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

Image Removed
Image Added

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

Image Removed
Image Added

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

Image Modified

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

Image Modified

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

Общие

Image Modified

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

Image Modified

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

Image Modified
Image Removed
Image Added

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

Image Modified

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

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

Image RemovedImage Removed
Image AddedImage Added

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

Image ModifiedImage Modified

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

Рамка

Image Modified

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

Image Removed
Image Added

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

Image Removed
Image Added

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

Image Modified

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

Image Removed
Image Added

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

Image Modified

Фон

Image Modified

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

Image Removed
Image Added

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

Image Removed
Image Added

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

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

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 Removed

...

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

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

...

Down

Image Modified

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

Image Modified

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

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

Image Modified

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

Image Removed
Image Added

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

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

...

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

...

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

...

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

Image Modified

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

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

...

...

  1. "

...

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

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

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

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

  1. RGBA

  2. HEX

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

...

  1. шкале

...

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

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