Вкладки с графиками

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

Вкладка Графики подводит итоги листа вместо того, чтобы перечислять его. Там, где таблица показывает клиенту его 4 000 строк заказов, вкладка с графиками показывает выручку по месяцам, заказы по статусам и расходы по категориям — сеткой графиков, на одном экране.

Готовить сводку самостоятельно не нужно. Ваш лист сохраняет по одной строке на запись, как есть, а eg2 выполняет группировку и расчёты при загрузке страницы.


Что нужно

  • Столбец для группировки — месяц, статус, регион, название товара.
  • Столбец для измерения — сумма, количество, оценка. Этот столбец должен иметь тип Число (см. ниже).

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


Настройка вкладки с графиками

  1. Откройте редактор портала и выберите нужную вкладку.
  2. Установите Тип отображения в значение Графики.
  3. В разделе Столбцы убедитесь, что тип вашего измеряемого столбца — Число. Это важно — см. Замечание о числовых столбцах.
  4. В разделе Настройка графиков нажмите Добавить график.
  5. Выберите тип графика, столбец для группировки и что вычислять.
  6. Следите за предпросмотром вверху редактора. Он показывает ваши реальные данные ровно так, как их увидит клиент.

На одну вкладку можно добавить до 8 графиков и перетаскиванием расставить их в нужном порядке.


Типы графиков

ТипПодходит для
СтолбцыСравнения величин между группами. Безопасный выбор по умолчанию.
ЛинияЗначения, меняющегося во времени.
ОбластьЗначения во времени, когда важен общий объём.
Круговой / КольцевойДолей целого — частей от общей суммы. Лучше всего менее чем при семи группах.
ПолярныйДолей целого, когда размеры сильно различаются.
РадарСравнения нескольких показателей в одном масштабе.
ТочечныйСвязи между двумя числами.
ПузырьковыйСвязи между двумя числами, где третье задаёт размер каждой точки.

Столбчатые, линейные и площадные графики могут показывать несколько значений рядом, а столбчатый можно развернуть горизонтально, когда названия групп длинные.


Что вычислять

  • Сумма — складывает значения в каждой группе. Выручка за месяц.
  • Среднее — среднее по группе. Средний чек по региону.
  • Количество записей — сколько строк попадает в каждую группу. Числовой столбец вообще не нужен.
  • Минимум / Максимум — наименьшее или наибольшее значение в группе.
  • Без вычислений — отображает точку на каждую строку без группировки. Используется точечными и пузырьковыми графиками.

Группировка дат

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

Выберите одну. Если оставить Точное значение, каждая отдельная метка времени станет собственной группой — а это обычно означает по столбцу на строку и график, который ничего не сообщает.


Показывать только крупнейшие группы

График с 200 категориями нечитаем. Задайте Показать топ числом — скажем, 10 — и график покажет только 10 крупнейших, отсортированных по значению.

Отметьте Объединить остальное в «Прочее», и всё, что ниже порога, сложится в одну последнюю запись. Именно это сохраняет свойство кругового графика: сектора по-прежнему складываются в целое.


Дать клиентам фильтровать

Включите Разрешить клиентам фильтровать данные и выберите столбец:

  • Столбец с датой даёт клиентам диапазон дат с быстрыми вариантами Последние 30 дней, Последние 90 дней, С начала года и За всё время.
  • Любой другой столбец даёт выпадающий список его значений.

Фильтр применяется сразу ко всем графикам вкладки, а выбранный диапазон входит в адрес страницы — поэтому клиент может сохранить в закладки или переслать отфильтрованный вид.


Замечание о числовых столбцах

Задайте измеряемому столбцу тип Число в разделе «Столбцы». График нарисуется и если оставить его текстовым, но итоги окажутся неверными, а не отсутствующими — заметить это гораздо труднее.

Когда столбец помечен как Число, eg2 читает значение правильно, включая:

В вашем листеЧитается как
1234.561234,56
1,234.561234,56
1.234,561234,56
$99, ₪99 или 99 €99
12%12
(500)-500
N/A, #DIV/0!, пустополностью пропускается

Два момента, которые стоит знать:

  • Процент читается как то число, которое вы видите. 12% отображается как 12, а не 0,12.
  • Ячейка, которая вообще не является числом, исключается из расчёта, а не считается нулём — одна испорченная ячейка не утянет среднее вниз незаметно.

Что могут делать ваши клиенты

  • Навести курсор на любой столбец, сектор или точку, чтобы увидеть точное значение.
  • Щёлкнуть по элементу легенды, чтобы скрыть или показать этот ряд.
  • Показать данные открывает таблицу чисел, стоящих за графиком. Именно её читают программы чтения с экрана.
  • Скачать график изображением или числа в виде CSV, который корректно открывается в Excel — включая подписи на иврите и арабском.

Графики автоматически следуют фирменному цвету вашего портала и светлой или тёмной теме клиента. Клиент, чьё устройство настроено на уменьшение анимации, увидит графики без анимации.


Советы

  • Начните со столбчатого графика. Его легче всего читать и труднее всего испортить.
  • Один вопрос на график. «Выручка по месяцам» и «Заказы по статусам» — это два графика, а не один.
  • Смотрите на предпросмотр. Он работает на ваших реальных данных: если там что-то выглядит неправильно, у клиента будет так же.
  • Сочетайте вкладку с графиками и вкладку-таблицу по одному и тому же листу. График отвечает на вопрос «как идут дела?», таблица — «а это какая запись?».
← Все руководства