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

Линейный график с накоплением

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

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

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

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

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

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

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

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

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

Оси

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

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

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 Тип - кнопки:

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

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

Переменные

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

Показатели

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

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

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

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;