Hello performance lovers!
Давайте делать
небольшие доски Grafana с
выровненными друг к другу панелями
1️⃣ На снимке выше заснял одну мелочь — три панели друг под другом, у панелей разные размерности (целые числа 0-1, проценты и дробные числа), поэтому разная базовая ширина оси, но они
выровнены по ширинеСделано это через задание
⭐️ Axis / Width = 65 для каждой панели — это ширина левой оси
⭐️ Axis / Width = 1 для правой оси, если она есть (почти 0)
Так получается добиться почти идеального визуального наложения каждой панели друг на друга
2️⃣ Иногда бывает так, как на втором снимке экрана — у осей разная ширина, иногда есть правые оси, и панели раcходятся по времени визуально. Белые вертикальные линии показывают как соотносятся одинаковые моменты времени на разных панелях, если у панелей с одинаковым размеров не выровнены оси по ширине
На коротких интервалах ничего страшного не происходит, расрождение в секунды. А на больших мастабах в 5 пикселях может быть один день — и визуально выгдяит что что-то не то, а это отображаются разные дни друг под другом.
3️⃣ На всякий случай сделал и фото номер три, где у панелей разная ширина — совсем сложно увидеть зависимости метрик
И мозг напрягается, читать становится сложнее
Пока что OpenTelemetry с автоматическими корреляцими метрик с метриками, логов с трейсами, трейсов с профилированием. Или системы AI — не пришли в каждый проект по производительности. И люди смотрят на метрики глазами, думают о них, находят зависимости
Этот процесс можно упрошять таким вот простым шагом
⭐️ задать панелям одинаковую ширину и высоту
⭐️ задать осям одинаковую ширину (тут 65 слева и 1 справа)
✔️ Так голова меньше напрягается, когда на каждой доске одинаковые размеры панелей. Не нужно наводить курсор на график, чтобы понять, где эта же точка на другой панели — могз достроит вертикальную линию — не нужно будет специально двигать курсор
❓ Минусы тоже есть — широкие одинаковые панели занимают много места. Доска теряет компактность. И выравнивание может быть трудоемким. Уже не хочется помещать на доску сто метрик, хочется поместить
небольшую группу метрик, чтобы сравнивать их друг с другом. И получается несколько досок, вместо одной предыдущей компактной
⭐️ И если есть задача сделать в таком виде не одну доску, а несколько, то проекты генерации досок из кода, как
jsonnet помогут сгенерировать доски в одном стиле
@qaload
