Оформление
Сравнение величин
Типы, которые отвечают на вопрос «у кого больше»: сравнивают значение показателя между категориями, а не во времени. Полки и ограничения взяты из самого продукта — сколько полей принимает тип.
Столбчатая диаграмма

Значения категорий столбиками вверх. Самый универсальный тип: глазу легко сравнить высоту соседних столбцов.
Когда брать. Категорий немного (до полутора десятков), названия короткие, нужно быстро показать разницу. Если названия длинные — берите линейчатую.
| Категория | Серии | Мера |
|---|---|---|
| сколько угодно | 1 | сколько угодно |
Есть оси и масштабирование, подписи значений, общая подсказка по категории.
Линейчатая диаграмма

То же самое, но столбцы лежат горизонтально.
Когда брать. Длинные названия категорий — города, товары, отделы: горизонтальные полосы дают им место, а вертикальные столбцы заставят читать подписи под наклоном. Удобна и для рейтингов: строки читаются сверху вниз.
| Категория | Серии | Мера |
|---|---|---|
| сколько угодно | 1 | сколько угодно |
Гистограмма

Единственный тип, который сам группирует данные: делит значения на интервалы-корзины и показывает, сколько записей попало в каждый.
Когда брать. Нужно распределение, а не сравнение: как разбросаны суммы чеков, время доставки, возраст клиентов. На вопрос «сколько заказов было на сумму от 10 до 20 тысяч» отвечает именно она.
| Категория | Серии | Мера |
|---|---|---|
| 1 | 1 | 1 |
Что кладут на полки. На категорию — числовое поле или дату, по значениям которых строятся корзины; у даты шаг корзины календарный, вплоть до секунды: платформа отдаёт виджету сами значения, а не готовые группы, и делит их на интервалы уже при отрисовке. Мера задаёт, что считается внутри корзины: обычно это COUNT — сколько записей попало в интервал.
Ширина и число корзин настраиваются, там же выбирается, что показывает высота: количество, доля в процентах, плотность или накопленный итог — настройки под тип.
Иерархию на полку гистограммы положить нельзя — иерархии не везде.
Каскадная диаграмма

Показывает, как складывается итог: каждый столбец — вклад в изменение, последний — результат.
Когда брать. Нужно объяснить разницу между двумя числами: из чего сложилась прибыль, почему выручка выросла, куда ушёл бюджет. Обычная столбчатая покажет величины, каскадная — именно вклад каждой.
| Категория | Серии | Мера |
|---|---|---|
| 1 | — | 1 |
Радиальные столбцы

Те же столбцы, но выстроенные по кругу: длина считается от центра.
Когда брать. Категорий много и они равноправны — часы суток, дни месяца, страны: круг вмещает больше подписей, чем полоса той же ширины. Точность сравнения ниже, чем у обычных столбцов, поэтому для отчёта, где важна разница в процентах, берите столбчатую.
| Категория | Серии | Мера |
|---|---|---|
| 1 | — | сколько угодно |
Радиальные полосы

Кольцевые дорожки, каждая — своя категория; длина дуги показывает величину.
Когда брать. Несколько показателей нужно показать компактно и декоративно — например, выполнение плана по трём-четырём направлениям на общем экране.
| Категория | Серии | Мера |
|---|---|---|
| 1 | — | 1 |
Радар (линии) и Радар (области)


Показатели расходятся спицами от центра, значения соединяются в контур. Отличаются только заливкой: у «областей» контур закрашен.
Когда брать. Сравнить профиль по нескольким показателям сразу: навыки, характеристики товаров, оценки по критериям. Одна серия — профиль объекта, две-три — сравнение объектов. Больше трёх контуров читаются плохо.
| Категория | Серии | Мера |
|---|---|---|
| 1 | — | сколько угодно |
Подписи вешаются на вершины паутины, легенда общая для контуров.
Что дальше
- Типы виджетов — все 35 типов и как выбрать нужный.
- Динамика и диапазоны — если показатель меняется во времени.
- Поля, фильтры и сортировка — как настроить поля на полках.