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

Диаграмма потоков (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 Шрифт - при нажатии раскрывается список доступных шрифтов. По умолчанию значение 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;

Переменные

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

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

img

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

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

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

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

Название

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

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

img

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

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

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

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

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

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

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

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

Вид

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

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

img

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

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

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