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

Диаграмма потоков (sankey)

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

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

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

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

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

img

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

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

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

Диаграмма

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

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

img

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

  • img Расположение - кнопки возможного расположения:

    • svg горизонтальное - значение по умолчанию;
    • svg вертикальное;
  • img Толщина узла - ползунок для установки размера узла от 0 до 100. По умолчанию значение 30;

  • img Сбросить позицию узлов активна после изменения настроек узлов, позволяет вернуться к настройкам по умолчанию.

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

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

Подписи

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

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

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 Угол наклона - выпадающий список с вариантами углов:

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

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

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

Переменные

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