Стрелочный индикатор на дашборде: когда уместен и как настроить диапазоны

Когда стрелка лучше цифры

Цифра «23,4» точна, но ничего не говорит о том, хорошо это или плохо. Стрелка в зелёной зоне говорит именно это. Поэтому стрелочный индикатор выбирают, когда важна оценка состояния, а не точное значение.

Хорошие кандидаты:

• температура воздуха в комнате или теплоносителя в котле;
• давление в водопроводе после насоса;
• текущая мощность потребления в щитке;
• уровень углекислого газа в спальне.

Плохие кандидаты — величины без естественного верхнего предела (накопленный расход за всё время), двоичные состояния (дверь открыта или закрыта) и всё, где важнее тенденция. Для накопления подойдёт числовая плитка, для тенденции — график, для уровня бака — шкала заполнения.

Минимум и максимум

Самая частая проблема — диапазон, скопированный из технического описания датчика. Термометр может измерять от минус сорока до плюс восьмидесяти, но в жилой комнате температура живёт в узком коридоре. На шкале такой ширины стрелка будет почти неподвижна, и изменение на пару градусов глаз не заметит.

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

Цветовые зоны

Зоны делят дугу на участки: норма, внимание, опасность. Они превращают индикатор из декорации в инструмент.

1. Сначала определите пороги по смыслу. Для котла это рабочая температура и температура, при которой надо вмешаться. Для детской — комфортный коридор.
2. Отметьте зоны с двух сторон, если опасно и «слишком мало», и «слишком много».
3. Не делайте больше трёх-четырёх зон: радуга на шкале читается хуже, чем два цвета.
4. Цвет не должен быть единственным сигналом: часть людей плохо различает красный и зелёный. Дублируйте его подписью или значком. Подробнее — в материале про цвета дашборда.

Единицы и подписи

Под стрелкой всегда нужна точная цифра с единицей измерения: «°C», «бар», «Вт», «ppm». Подпись самого индикатора — по месту, а не по устройству: «Котёл, подача», а не «Датчик №3». Не перегружайте шкалу делениями: пять-шесть подписанных отметок достаточно.

Частота обновления

Стрелка, которая дёргается каждую секунду, раздражает и мешает понять значение. Частота должна соответствовать скорости изменения величины:

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

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

Пример полезной нагрузки

Возьмём условный частный дом в городе N с газовым котлом. Контроллер у котла публикует в топик dom/kotelnaya/kotel/podacha такое сообщение:

{"value": 64.2, "unit": "°C", "min": 30, "max": 90, "warn": 75, "alarm": 85}

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

Размер и место на экране

Стрелочный индикатор занимает много места: круглой шкале нужен квадрат, а на узком экране телефона два таких элемента в ряд уже становятся мелкими. Поэтому стрелки ставят для двух-трёх главных величин в верхней части панели, а второстепенные показания выводят компактными цифрами. Полукруглая шкала экономит высоту и часто читается не хуже полной окружности. Если индикаторов несколько, сделайте их одного размера и выровняйте по сетке — тогда глаз сравнивает положение стрелок, а не размеры кругов. Как распределить элементы по сетке и какие отступы оставить, разобрано в материале про отступы и сетку дашборда.

Ещё одна деталь — анимация. Плавный поворот стрелки к новому значению помогает заметить изменение, но если он длится дольше секунды, панель кажется медленной. Короткое движение без «пружинящих» колебаний — оптимальный выбор.

Чек-лист настройки

• Величина имеет понятные границы и зону нормы — иначе выберите другой элемент.
• Минимум и максимум взяты из реальной жизни, а не из паспорта датчика.
• Цветовые зоны соответствуют реальным порогам и их не больше четырёх.
• Под стрелкой выводится точная цифра с единицей.
• Подпись говорит о месте и смысле, а не о модели устройства.
• Частота обновления соответствует скорости изменения, при необходимости включено сглаживание.
• Проверено, как индикатор выглядит, когда данных нет: он не должен показывать ноль как реальное значение.

Типичные ошибки

1. Паспортный диапазон. Стрелка застыла в одной точке, хотя температура меняется.
2. Ноль вместо «нет данных». Датчик отвалился, а стрелка уверенно показывает минимум — и все думают, что в котельной холодно.
3. Индикатор для счётчика. Накопленные киловатт-часы растут бесконечно, верхнего предела у шкалы нет.
4. Десять стрелок на одном экране. Когда всё показано стрелками, глазу не за что зацепиться; оставьте их для главного.
5. Красный как обычный цвет. Если дуга целиком красная «для красоты», настоящая тревога теряется.