SVG-объекты

Для добавления SVG-объекта необходимо нажать на кнопку в правом боковом блоке в режиме редактирования проекта:

После нажатия отображается модальное окно «Настройка набора данных»:

Выбор набора данных

В выпадающем списке "Датасет" производится выбор датасета, на основании которого будет построен SVG-объект. Доступен поиск по названию или части названия датасета. После выбора значения в выпадающем списке отображаются колонки выбранного датасета. 

Поле «Разметка»

В поле «Разметка» доступен вынос не более одной колонки.

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

Для удаления колонки из поля необходимо нажать кнопку .

Поле «Показатель»

Количество добавляемых колонок в поле - без ограничений.

Для добавления колонки в поле следует «перетащить» необходимую колонку в поле. Вынесенная колонка служит для вывода агрегата при наведении на часть SVG-объекта, по которой произошло соответствие значений. Поле обязательно для создания.

Для удаления колонки из поля необходимо нажать кнопку .

Поле «Подсказка»

Количество добавляемых колонок в поле - без ограничений.

Для добавления колонки в поле следует «перетащить» необходимую колонку в поле. Вынесенная колонка служит для вывода дополнительных не агрегированных значений на часть SVG-объекта. Поле необязательно для создания.

Поле «Сортировка»

Для добавления сортировки следует «перенести» необходимую колонку в поле «Сортировка».

Доступна множественная сортировка данных. Множественная сортировка учитывает порядок вынесенных колонок. Верхняя вынесенная колонка является первым уровнем сортировки.

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

Для удаления колонки из поля необходимо нажать кнопку .

Параметр необязателен для создания виджета.

Поле «Количество записей на странице»

Параметр ограничивает количество данных для отрисовки.

Фильтры

Для добавления фильтра обратитесь к разделу Работа с расширенным фильтром.

Настройка SVG-объекта

Данный раздел делится на следующие блоки:

• Превью;
• Данные;
• Условия форматирования;
• Визуальные параметры.

После нажатия на кнопку  открывается выпадающий список, где можно выбрать SVG-объект из списка доступных в системе SVG-объектов и настроить параметры отображения SVG-объекта.

Выбор SVG-объекта

Для выбора SVG-объекта необходимо воспользоваться выпадающим списком «Выберите SVG-компонент». После выбора значения в выпадающем списке появляется визуальное отображение SVG-объекта:

Условия форматирования

Для добавления нового правила необходимо нажать на текстовую кнопку «Новое правило». После нажатия открывается модальное окно с настройкой правила:

Модальное окно с настройкой правила включает в себя следующие параметры:

• Цветовой градиент;
  Для настройки цветового градиента необходимо нажать на переключатель . После нажатия отображается поле типа «селект», где необходимо выбрать колонку с числовыми показателями. Снизу от поля отображается RGB-палитра, где можно настроить цвет значений и фона. Для настройки интервала окраски необходимо вручную установить начальное и конечное значение. В левом нижнем углу модального окна располагается переключатель на трехцветный градиент. После нажатия отображается еще одна палитра и еще одно поле для более детальной настройки цветовой дифференциации.
• Поле «Колонка»;
  Поле «Колонка» предназначено для выбора колонки, на которую устанавливается условие. Для выбора нужной колонки необходимо нажать на кнопку , которая располагается в правой части поля. После нажатия открывается список имеющихся колонок. Необходимо выбрать нужную колонку. Данное поле обязательно для заполнения.
• Поле «Условие»;
  Поле «Условие» предназначено для установления условия. Для выбора условия необходимо нажать на кнопку, которая располагается в правой части поля. После нажатия открывается список условий. Необходимо выбрать нужное условие, которое будет применяться по выбранной колонке на предыдущем шаге. Данное поле обязательно для заполнения.
• Поле «Значение»;
  Поле «Значение» предназначено для указания значения. Данное поле обязательно для заполнения.
• Кнопка «Добавить колонку»;
  После нажатия на кнопку добавится блок для выбора колонки и указания условия для этой колонки. Данный блок можно добавлять неограниченное количество раз.
• Настройка цвета значений;
  Для настройки цвета значений необходимо нажать на  . После нажатия отображается RGB-палитра, где можно указать необходимый цвет для отображения значений.
• Настройка цвета фона.
  Для настройки цвета фона необходимо нажать на . После нажатия отображается RGB-палитра, где можно указать необходимый цвет фона.
  
  

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

Для сброса настроек необходимо нажать на кнопку . 

После сохранения настроек условного форматирования по колонке добавляется новое правило:

Визуальные параметры

Данный блок предусматривает настройку визуального отображения SVG-объекта. Для настройки определенного параметра необходимо поставить флажок слева от наименования параметра. Блок выглядит следующим образом:

В настройку визуальных параметров входят следующие параметры:

• Чекбокс «Отображать легенду»;
  По умолчанию чекбокс выключен. При установке чек-бокса легенда будет отображаться. 
• Чекбокс «Сворачивать легенду»;
  По умолчанию чекбокс включен. При отключении легенда будет отображаться в полном размере и с полной длиной подписей.
  
  
• Выпадающий список «Положение легенды»:
  Настройка расположения легенды относительно SVG-объекта:
  • Снизу;
  • Сверху;
  • Слева;
  • Справа.
    
    
• Чекбокс «Отображать всплывающие подсказки».
  По умолчанию чекбокс включен. При наведении курсора на элемент SVG-объекта будет отображаться всплывающая подсказка. Во всплывающую подсказку входит:
  • Название точки разметки;
  • Значения колонок;
  • Значения показателей.

Сохранение 

Для выполнения сохранения всех настроек следует нажать кнопку . После нажатия на кнопку SVG-объект отобразится в проекте.

Для закрытия необходимо нажать на кнопку  . После нажатия на кнопку окно добавления компонента закроется и будет осуществлен переход на страницу с проектом в режиме редактирования.