Воронка

Воронка — это виджет для построения графика по этапам одного или нескольких бизнес-процессов. Метрики на графике помогают анализировать этапы и выявлять потенциальные проблемные области.

Настройки виджета

Помимо общих настроек, у виджета есть уникальные.

Настройка данных

Этап процесса

Кликните + Этап процесса, чтобы увидеть список процессов, созданных в пространстве. В списке отображаются 20 процессов. Если нужного события нет в списке, воспользуйтесь поиском.

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

Мера

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

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

Цвет столбика самой первой меры в списке и меток:

• Авто (по умолчанию)
• Базовый
• По градиенту
• По правилу (для значений доступны правила с режимом Базовый, По градиенту и Настроить)
• Настроить (по формуле)

• Метки значений (Вкл/Выкл)
• Заголовок (Вкл/Выкл)
• Отображать

Поведение этапа при смене процесса

• Если выбрана опция Любое событие, то при смене процесса изменится только визуализация
• Если выбрана опция Одно из событий, то при смене процесса сбрасываются события, выбранные для отслеживания

Настройка отображения

Размер текста

Регулирует размер текста в строках виджета (по умолчанию — 12).

Размер меток

Регулирует размер текста в метках (по умолчанию — 12).

Подсказка

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

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

Также при включении подсказки между столбиками появится соединяющая их линия. По умолчанию подсказка отключена.

Максимальная ширина столбиков

По умолчанию установлено значение Авто. Минимальное значение — 60, максимальное — 200.

Ось X

На оси X отображаются названия этапов.

Настройка фильтрации

Для виджета доступны стандартные настройки фильтрации.

Режим просмотра

Настройка виджета в YAML

Виджет можно редактировать не только в визуальном конструкторе, но и в YAML-редакторе. В таблице ниже представлены ключи и значения, которые можно использовать для настройки. Подробнее о том, как работать с ключом value, описано на странице Значения разрезов и мер в YAML. Форматы данных, которые можно использовать, описаны на соответствующей странице. Общие параметры для виджетов описаны на странице Настройка виджетов в YAML.

Пример настроенного виджета в YAML-редакторе:

- key: funnel-chart
  apiVersion: "7"
  type: FUNNEL_CHART
  settings:
    title: ""
    titleSize: 14
    titleColor:
      mode: AUTO
    titleWeight: NORMAL
    showMarkdown: false
    markdownMeasures: []
    markdownText: ""
    stages:
      - name: Открытие
        processName: Тех. поддержка
        events:
          - name: Открытие
            filters: []
        eventOccurrenceMode: ONE_OF_THE_EVENTS
      - name: Повторное открытие
        processName: Тех. поддержка
        events:
          - name: Повторное открытие
            filters: []
        eventOccurrenceMode: ONE_OF_THE_EVENTS
    stateName: null
    measures:
      - name: Количество открытий
        value:
          mode: TEMPLATE
          dbType: CH
          tableName: event_log
          columnName: incident_id
          templateName: count
        dataType: INTEGER
        format: NUMBER
        formatting: AUTO
        showLabels: true
        showTitle: false
        displayCondition:
          mode: DISABLED
        labelsColor:
          mode: AUTO
        barColor:
          mode: BASE
          value: "#77dadb"
    textSize: 12
    labelsSize: 12
    showHint: false
    xAxisEnabled: true
    displayCondition:
      mode: DISABLED
    filterMode: DEFAULT
    sorting: []