Перейти к содержанию

Круговая диаграмма

При переходе на вкладку Вид для виджета svg Круговая диаграмма отображаются следующие настройки:

По умолчанию блок настроек свернут. Нажмите на кнопку svg, отобразятся настройки блока.

Информация о виджете

По умолчанию блок настроек свернут. Нажмите на кнопку svg, отобразятся настройки блока.

Позволяет настроить подробное описание виджета, которое отображается в режиме просмотра и редактирования виджета или в информационной панели при наведении на кнопку svg Информация.

img

Перечень всех настроек блока Информация о виджете:

  • img Отображение - при нажатии включает/выключает отображение в виджете. По умолчанию настройка выключена;

  • img текст - поле ввода текстовой информации. По умолчанию значение отсутствует;

Пропорции

По умолчанию блок настроек свернут. Нажмите на кнопку svg, отобразятся настройки блока.

Позволяет изменить параметры пропорций диаграммы и ее секторов.

img

Перечень всех настроек блока Пропорции:

  • Диаграмма - настройки параметров диаграммы:

    • img Размер - ползунок для установки размера. По умолчанию значение 70;
  • Секторы - настройки параметров секторов:

    • img Расстояние - ползунок для установки расстояния. По умолчанию значение 2;

    • img Скругление - ползунок для установки скругления границы. По умолчанию значение 8;

Легенда

По умолчанию блок настроек свернут. Нажмите на кнопку svg, отобразятся настройки блока.

Позволяет изменить отображение легенды и ее настройки.

img

Перечень всех настроек блока Легенда:

  • img Отображение - при нажатии включает/выключает отображение в виджете. По умолчанию настройка выключена;

  • img Вид - при нажатии выпадает список доступных положений:

    • горизонтально;
    • вертикально - значение по умолчанию;
  • img Расположение - выпадающий список с вариантами возможного расположения:

    • справа - значение по умолчанию;
    • слева;
    • сверху;
    • снизу;
  • img Иконка - при нажатии раскрывается список доступных иконок:

    • img квадрат - значение по умолчанию;
    • img круг;
    • img точка;
  • img Шрифт - при нажатии раскрывается список доступных шрифтов. По умолчанию значение шрифт из блока настроек Вид;

  • img Начертание - кнопки:

    • svg жирный;
    • svg курсив;
  • img Размер - при нажатии раскрывается список с размерами шрифта. По умолчанию значение 10;

Максимальный размер шрифта 64, так же доступен ручной ввод значения размера шрифта.

  • img Цвет текста - при нажатии открывается окно с палитрой цветов. По умолчанию значение #202224;

  • img Подложка - при нажатии включает/выключает отображение подложки легенды. По умолчанию настройка выключена;

Подписи

По умолчанию блок настроек свернут. Нажмите на кнопку svg, отобразятся настройки блока.

Позволяет настроить отображение подписей на диаграммах.

По кнопке img Добавить настройку добавляются дополнительные настройки.

По кнопке img Удалить настройку удаляются дополнительные настройки.

img

Перечень всех настроек блока Подписи:

  • img заголовок - при двойном клике доступно поле для изменения названия;

  • img Группировки - при нажатии включает/выключает отображение подписей группировок. По умолчанию настройка выключена;

  • img Шрифт - при нажатии раскрывается список доступных шрифтов. По умолчанию значение PT Root UI;

  • img Начертание - кнопки:

    • svg жирный;
    • svg курсив;
  • img Размер - при нажатии раскрывается список с размерами шрифта. По умолчанию значение 13;

Максимальный размер шрифта 64, так же доступен ручной ввод значения размера шрифта.

  • img Цвет текста - при нажатии открывается окно с палитрой цветов. По умолчанию значение #202224;

  • img Сокращение подписей - при нажатии включает/выключает сокращения подписей. По умолчанию настройка выключена;

Сокращенная подпись имеет длину 30 символов.

  • img Значения - при нажатии включает/выключает отображение значений. По умолчанию выключена;

  • img Тип - при нажатии раскроется список доступного отображения значения:

    • значение - значение по умолчанию;
    • процент;
  • img Отображать процент дополнительно/Отображать значение дополнительно - при нажатии включает/выключает отображение дополнительного значения в невыбранном типе. По умолчанию настройка выключена;

Название настройки зависит от выбранного значения в настройке Тип. При включении дополнительное значение отображается в скобочках у подписи.

  • img Шрифт - при нажатии раскрывается список доступных шрифтов. По умолчанию значение PT Root UI;

  • img Начертание - кнопки:

    • svg жирный;
    • svg курсив;
  • img Размер - при нажатии раскрывается список с размерами шрифта. По умолчанию значение 18;

Максимальный размер шрифта 64, так же доступен ручной ввод значения размера шрифта.

  • img Цвет текста - при нажатии открывается окно с палитрой цветов. По умолчанию значение #202224;

  • img Расположение - выпадающий список с вариантами возможного расположения:

    • внутри - значение по умолчанию;
    • снаружи;
  • img Контрастный цвет текста — при нажатии включает/выключает автоматический подбор контрастного цвета текста под цвет диаграммы. По умолчанию настройка выключена;

Настройка доступна только при включенной настройке Расположение в одном из значений, когда подписи расположены Внутри.

img

  • img Угол наклона - выпадающий список с вариантами углов:

    • -90;
    • -75;
    • -60;
    • -45;
    • -30;
    • 0 - значение по умолчанию;
    • 30;
    • 45;
    • 60;
    • 70;
    • 90;
  • img Расстояние - ползунок для установки расстояния. По умолчанию значение 24;

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

  • img Показатели - при нажатии открывается список настроенных показателей с возможностью множественного выбора. Если показатель выбран в списке - он будет отображаться в превью виджета, если не выбран - будет скрыт из превью. По умолчанию выбраны все нескрытые показатели;

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

Отрицательные значения

По умолчанию блок настроек свернут. Нажмите на кнопку svg, отобразятся настройки блока.

Позволяет настроить отображение отрицательных значений для диаграммы.

img

Перечень всех настроек блока Отрицательные значения:

  • Как абсолютные значения - доли секторов рассчитываются от модуля числа, данные отображаются в легенде. Значение по умолчанию;

img

  • Не имеют доли - сектора не отображаются на диаграмме, данные отображаются в легенде;

img

  • Не учитываются - сектора не отображаются на диаграмме, данные не отображаются в легенде.

img

Группировка значений

По умолчанию блок настроек свернут. Нажмите на кнопку svg, отобразятся настройки блока.

  • img Отображение - при нажатии включает/выключает отображение в виджете. По умолчанию настройка включена;

  • img Видимых элементов - поле ввода количества видимых элементов. По умолчанию значение 3;

  • img Заголовок - поле ввода наименования заголовка итоговой строки. По умолчанию значение Прочее;

Переменные

По умолчанию блок настроек свернут. Нажмите на кнопку svg, отобразятся настройки блока.

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

img

Перечень всех настроек блока Переменные:

  • img Расположение - выпадающий список с вариантами возможного расположения:

    • сверху - значене по умолчанию;
    • слева;
    • снизу;
    • справа;
  • img Выравнивание - кнопки:

    • svg слева - значение по умолчанию;
    • svg по центру;
    • svg справа;

Тултипы

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

Перечень всех настроек блока Тултипы:

  • Общее - настройки отображения подсказки:

    img

    • img Отображение - при нажатии включает/выключает отображение тултипов при наведении на элемент графического виджета. По умолчанию настройка включена;

    • img Размер - переключатель размера подсказки:

      • S - отступ между агрегатами 4px, отступ между текстом и значением агрегата 12px, отступ между названием группировки и границами шапки 12px;
      • M - отступ между агрегатами 8px, отступ между текстом и значением агрегата 32px, отступ между названием группировки и границами шапки 12px;
      • L - отступ между агрегатами 12px, отступ между текстом и значением агрегата 80px, отступ между названием группировки и границами шапки 16px. Значение по умолчанию.
  • Параметры текста - настройки текста в подсказке:

    img

    • Категория - настройки названия группировки:

      • img Отображение - при нажатии включает/выключает отображение названия группировки. По умолчанию настройка включена;
      • img Расположение - выпадающий список расположения названия группировки относительно подсказки: сверху - значение по умолчанию, снизу;
      • img Шрифт - шрифт названия группировки. По умолчанию используется шрифт из блока настроек Вид;
      • img Начертание - кнопки выбора начертания названия группировки. По умолчанию начертание выключено;
      • img Размер - размер текста названия группировки. По умолчанию значение 13;
      • img Цвет текста - цвет текста названия группировки. По умолчанию используется серый цвет;
      • img Иконка - при нажатии включает/выключает отображение иконки перед названием группировки. По умолчанию настройка включена;
      • img Разделитель - при нажатии включает/выключает отображение разделителя между названием группировки и областью значений. По умолчанию настройка включена;
      • img Тип - тип разделителя: сплошная линия - значение по умолчанию, прерывистая линия. Настройка доступна при включенном разделителе;
      • img Цвет - цвет разделителя. По умолчанию используется серый цвет. Настройка доступна при включенном разделителе;
      • img Сокращение подписей - при нажатии включает/выключает сокращение длинного названия группировки. По умолчанию настройка выключена. Если настройка выключена, длинное название переносится на несколько строк.
    • Значения - настройки отображения агрегатов в подсказке:

      img

      • Заголовок - настройки названия агрегата:
        • img Отображение - при нажатии включает/выключает отображение названия агрегата. По умолчанию настройка включена;
        • img Шрифт - шрифт названия агрегата. По умолчанию используется шрифт из блока настроек Вид;
        • img Начертание - кнопки выбора начертания названия агрегата. По умолчанию выбрано значение жирный;
        • img Размер - размер текста названия агрегата. По умолчанию значение 13;
        • img Цвет текста - цвет текста названия агрегата. По умолчанию используется черный цвет;
        • img Иконка - при нажатии включает/выключает отображение стандартной круглой иконки перед агрегатом. По умолчанию настройка включена;
      • Агрегат - настройки значения агрегата:
        • img Тег - при нажатии включает/выключает отображение тега типа агрегации, например MIN или SUM. По умолчанию настройка включена;
        • img Текст - при нажатии включает/выключает отображение текста типа агрегации, например МИНИМУМ или СУММА. По умолчанию настройка включена;
        • img Шрифт - шрифт значения агрегата. По умолчанию используется шрифт из блока настроек Вид;
        • img Начертание - кнопки выбора начертания значения агрегата;
        • img Размер - размер текста значения агрегата;
        • img Цвет текста - цвет текста значения агрегата. По умолчанию используется черный цвет;
      • img Показатели - выпадающий список агрегатов, которые добавлены в структуру виджета. Настройка определяет, какие агрегаты отображаются в тултипе. По умолчанию выбраны все агрегаты;
      • img Добавить настройку - добавляет отдельную настройку отображения значений;
      • img Удалить настройку - удаляет настройку отображения значений. Кнопка доступна, если добавлены две и более настройки.
    • img Скрывать пустые значения - при нажатии включает/выключает скрытие агрегатов со значением NULL или 0. По умолчанию настройка выключена;

    • Дополнительный текст - настройки пользовательского текста в подсказке:

      img

      • img Отображение - при нажатии включает/выключает отображение дополнительного текста. По умолчанию настройка выключена;
      • img Область текста - поле ввода пользовательского текста. По умолчанию значение отсутствует;
      • img Шрифт - шрифт дополнительного текста. Настройка доступна при включенном отображении дополнительного текста. По умолчанию используется шрифт из блока настроек Вид;
      • img Начертание - кнопки выбора начертания дополнительного текста. Настройка доступна при включенном отображении дополнительного текста;
      • img Размер - размер дополнительного текста. Настройка доступна при включенном отображении дополнительного текста. По умолчанию значение 13;
      • img Цвет - цвет дополнительного текста. Настройка доступна при включенном отображении дополнительного текста. По умолчанию используется серый цвет.

    В дополнительном тексте можно использовать редактируемые переменные, добавленные в виджет. При вводе символа [ отображается список доступных переменных. Конструкция [variable] вставляется и удаляется целиком. Значения переменной типа Множественный выбор отображаются через запятую с пробелом.

img

  • Фон - настройки фона подсказки:

    • img Тип - тип фона тултипа: сплошной цвет - значение по умолчанию, градиент;
    • img Цвет или img Цвета - цвет фона для сплошной заливки или цвета градиента. По умолчанию используется белый цвет;
    • img Обводка - при нажатии включает/выключает обводку вокруг тултипа. По умолчанию настройка выключена;
    • img Цвет обводки - цвет обводки вокруг тултипа. Настройка доступна при включенной обводке. По умолчанию используется серый цвет;
    • img Скругление - скругление области тултипа;
    • img Тень - при нажатии включает/выключает тень от тултипа. По умолчанию настройка включена.

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

Если показатель выключен в настройках отображения виджета, он не отображается в тултипе, даже если выбран в настройке Показатель.

Название

По умолчанию блок настроек свернут. Нажмите на кнопку svg, отобразятся настройки блока.

Позволяет управлять заголовком в просмотре виджета по ссылке (внутренней или публичной).

img

Перечень всех настроек блока Название:

  • img Отображение - при нажатии включает/выключает отображение в виджете. По умолчанию настройка включена;

  • img Шрифт - при нажатии раскрывается список доступных шрифтов. По умолчанию значение шрифт из блока настроек Вид;

  • img Начертание - кнопки: 

    • svg жирный - значение по умолчанию;
    • svg курсив;
    • svg подчеркнутый;
  • img Размер - при нажатии раскрывается список с размерами шрифта. По умолчанию значение 18;

Максимальный размер шрифта 64, так же доступен ручной ввод значения размера шрифта.

  • img Цвет текста - при нажатии открывается окно с палитрой цветов. По умолчанию значение #202224;

  • img Цвет фона - при нажатии открывается окно с палитрой цветов. По умолчанию значение #FFFFFF;

Вид

По умолчанию блок настроек свернут. Нажмите на кнопку svg, отобразятся настройки блока.

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

img

Перечень всех настроек блока Вид:

  • img Шрифт - при нажатии раскрывается список доступных шрифтов. По умолчанию значение PT Root UI;

  • img Цвет текста - при нажатии открывается окно с палитрой цветов. По умолчанию значение #202224;