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

Комбинированная диаграмма (верт.)

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

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

На вкладке Внешний вид отображаются настройки внешнего вида диаграммы.

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

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

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

img

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

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

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

Подписи

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

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

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

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

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 Скрывать пересекающиеся - при нажатии включает/выключает автоматическое скрытие подписей, которые накладываются друг на друга. По умолчанию настройка выключена - отображаются все подписи.

При большом количестве категорий на оси включите настройку для автоматического скрытия пересекающихся подписей — на диаграмме отобразятся только читаемые значения. gif

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

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

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

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

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

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

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

Оси

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

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

По кнопке img Добавить ось добавляется новая ось.

Захватом доступно изменение порядка осей.

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

img

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

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

  • svg Скрыть ось - позволяет скрыть ось на виджете. Значок скрытой оси отображается постоянно;

  • svg Показать ось - позволяет отобразить ось на виджете. Значок скрытой оси отображается постоянно;

Если на оси не настроен ни один показатель, ось не отобразится в виджете несмотря на настройку.

  • svg Настройка оси - переход в окно настроек оси;

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

img

Ось категорий

Позволяет настроить горизонтальную ось.

img

Перечень всех настроек блока Ось категорий:

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

  • img Позиция - кнопки:

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

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

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

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

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

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

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

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

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

  • img Сетка - при нажатии включает/выключает отображение сетки;

Тип, Толщина, Цвет активно при включенной настройке Сетка.

  • img Тип - кнопки:

    • svg сплошная линия;
    • svg пунктирная линия - значение по умолчанию;
  • img Толщина - кнопки:

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

Ось значений

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

img

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

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

  • img Позиция - кнопки:

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

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

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

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

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

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

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

    • 0 - значение по умолчанию;
    • 30;
    • 45;
    • 60;
    • 70;
    • 90;
  • img Шкала - при нажатии выпадает список типов шкал:

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

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

    • процентная - возле значения оси добавляется значок % для отображения процентных значений, расположение значений аналогично равномерной;

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

Основание активно при значении логарифмическая в настройке Шкала.

  • img Значение оси - переключатель:

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

Мин. - Макс. активно при значении вручную в настройке Значение оси. Может быть указан только один параметр, второй будет рассчитан автоматически.

  • img Обратное направление оси - при нажатии включает/выключает обратное направление оси;

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

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

  • img Сетка - при нажатии включает/выключает отображение сетки;

Тип, Толщина, Цвет активно при включенной настройке Сетка.

  • img Тип - кнопки:

    • svg сплошная линия;
    • svg пунктирная линия - значение по умолчанию;
  • img Толщина - кнопки:

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

Переменные

По умолчанию блок настроек свернут. Нажмите на кнопку 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;

Показатели

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

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

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

img

Возле каждого показателя есть кнопка перехода в настройку форматирования. 

img

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

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

При изменении значения настройки Вид меняется набор параметров.

Линейная

  • Линии диаграммы - настройки визуализации линии:

    • img Тип - кнопки:

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

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

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

    При активной опции Соединять пропуски в просмотре детальной информации (при наведении курсора мыши данные диаграммы) скрываются показатели со значением NULL.

  • Маркер - настройки маркера на линии:

    • img Тип - при нажатии выпадает список типов маркеров:

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

    • Граница:

      • img Тип - кнопки:

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

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

      • img Толщина - ползунок для установки толщины. По умолчанию значение 1;
    • Заливка:

      • img Тип - кнопки:
        • svg сплошная - значение по умолчанию;
        • svg градиентная;
        • svg текстурная;

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

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

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

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

    • img Тип - кнопки:
      • svg сплошная - значение по умолчанию;
      • svg градиентная;
      • svg текстурная;

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

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

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

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

Столбчатая

  • Граница - настройка визуализации столбцов:

    • img Тип - кнопки:

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

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

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

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

  • Заливка - настройка заливки столбцов:

    • img Тип - кнопки:
      • svg сплошная - значение по умолчанию;
      • svg градиентная;
      • svg текстурная;

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

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

Точечная

  • Точки диаграммы - настройки точек на диаграмме:

    • img Тип - при нажатии выпадает список типов маркеров:

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

  • Граница - настройка визуализации столбцов:

    • img Тип - кнопки:

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

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

    • img Толщина - ползунок для установки толщины. По умолчанию значение 1;
  • Заливка - настройка заливки столбцов:

    • img Тип - кнопки:
      • svg сплошная - значение по умолчанию;
      • svg градиентная;
      • svg текстурная;

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

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