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

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

Задача

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

Проблема

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

Решение

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

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

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

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

  1. Зададим правильную сортировку шагов:

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

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

Итог

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