Перейти к основному содержимому

Создание воронки

Задача

Создать виджет воронки.

Проблема

Отсутствие такой визуализации “из коробки”.

Решение

Будем использовать нормированную диаграмму, чтобы отобразить воронку в ее классическом виде.

  1. Добавим нормированную диаграмму на дашборд и повернем ее на 90 градусов

  2. В качестве разреза укажем шаги воронки:

  3. Добавим 3 показателя:

  • value - хранит наш показатель.
  • left_fill и right_fill - заливки в цвет фона, для отображения значений посередине. Тут будем использовать формулу для каждой половины графика. Цель понять насколько нужно сдвинуть график от оси разрезов
  1. Зададим правильную сортировку шагов:

  2. Отключить всплывающую подсказку и покрасим заливающие показатели в цвет фона

  3. Покрасим линию оси разрезов, уберем засечки и поправим ручные отступы графика

Итог

Получили воронку в ее классическом виде: