Панель изнутри: интерфейс редактирования в Grafana 13.1.3¶
Дважды кликните по заголовку панели — и вы попадёте внутрь. Перед вами откроется многозакладочный редактор, который на первый взгляд ошеломляет, но если разобрать его медленно и методично, то всё встаёт на свои места.
Аналогия¶
Интерфейс редактирования похож на компьютерный томограф: вы вращаете пациента (панель) под разными ракурсами и видите разные срезы. Вкладка Query — срез данных. Transform — срез преобразований. Visualize — срез внешнего вида. Все вместе — полная картина того, что происходит с данными внутри панели.
Вкладки слева¶
Эти вкладки открываются при выборе панели (Edit mode). Каждая соответствует одной «стороне жизни» панели.
1. Query (Запрос)¶
Это то, с чего всё начинается. Здесь вы говорите панели: «Пойди к источнику данных X, выполни запрос Y, принеси данные». Query Editor — настолько важная тема, что ей посвящена отдельная глава. Здесь только зафиксируем: Query — первая вкладка, в которую вы попадаете при создании новой панели. И это правильно: без данных панель — просто пустой прямоугольник.
2. Transform (Трансформации)¶
Данные пришли, но они «сырые». Например, Prometheus вернул 50 временных рядов, а вам нужны только 5. Или потребовалось посчитать разницу между двумя полями. Transform позволяет преобразовать данные один раз, не меняя запрос к источнику. Это удобно, когда источник данных не поддерживает нужные операции (SQL-база поддерживает, а Prometheus и Loki — нет).
3. Visualize (Визуализация)¶
Пожалуй, самая богатая вкладка. Здесь вы выбираете тип панели (Time series, Table, Gauge, ...), настраиваете внешний вид: легенду, оси, цвета, линии, fill, point size, interpolation method. У каждого типа панели — свой набор опций. Для Time series — это настройка графика, для Table — настройка колонок, для Gauge — настройка шкалы.
4. Alert (Алерты на уровне панели)¶
Начиная с Grafana 13.x, алерты можно создавать прямо из панели, нажимая на эту вкладку. Настраиваете условие, канал уведомления — и панель становится алертом. Подробный разбор в Части IV.
5. All Tabs¶
Скрытая вкладка, где список всех возможных вкладок: кроме Query, Transform, Visualize, Alert — здесь могут быть Data Links (ссылки из панели), Time Regions (цветные полосы на графике, обозначающие нерабочее время или maintenance window), и некоторые другие, специфичные для типа панели.
Кнопки справа вверху¶
При редактировании панели в правом верхнем углу есть набор кнопок. Разберём каждую.
Discard (Отменить)¶
Красная кнопка с крестиком. Отменяет все изменения в панели с момента последнего сохранения. Спросит подтверждение. Если вы экспериментировали с настройками, получили кашу и хотите откатить — Discard ваш друг.
Apply (Применить)¶
Зелёная кнопка. Применяет изменения к панели, но не сохраняет дашборд. Панель обновится в интерфейсе, вы увидите результат. Apply удобно нажимать после каждого изменения чтобы сразу увидеть эффект. При этом сам дашборд не сохранён — если закрыть вкладку, изменения потеряются.
Save (Сохранить)¶
Сохраняет дашборд целиком. Все панели, которые вы редактировали, записываются в версию дашборда. version увеличивается на 1. После сохранения кнопка Discard исчезает — изменений больше нет, всё сохранено.
Save As (Сохранить как)¶
Создаёт копию панели. Исходная панель не трогается. Полезно, когда хотите создать несколько вариантов одной панели: например, одну версию с агрегацией, другую — без.
More (троеточие)¶
Выпадающее меню с дополнительными операциями:
- Copy — скопировать панель в буфер обмена (JSON). Можно вставить на другой дашборд.
- Duplicate — дубликат панели внутри текущего дашборда. То же что Ctrl+D на панели в режиме редактирования дашборда.
- Explore — открыть запросы панели в режиме Explore. Удобно для отладки запросов в интерактивном режиме.
- Share — поделиться ссылкой на панель (прямая ссылка ведёт в режим просмотра панели, без редактирования).
- Snapshot — создать «снимок» данных панели в текущий момент. Снапшот — это статическая копия данных, которая останется неизменной даже после того, как исходные данные изменятся. Удобно для расследования: сделал снапшот в 03:15, а через день вернулся к нему.
- View — переключиться в режим просмотра панели.
- Remove — удалить панель из дашборда. Спросит подтверждение.
- Get Help — ссылка на официальную документацию по текущему типу панели.
Рабочий процесс редактирования¶
Типичный процесс выглядит так:
- Настроил Query → Apply (проверил что данные пришли правильно).
- Настроил Transform → Apply (проверил что данные преобразовались как надо).
- Настроил Visualize → Apply (проверил что график красивый и читаемый).
- Повторил шаги 1–3 ещё 5 раз.
- Убедился что всё ок → Save.
Именно Apply до Save позволяет итеративно довести панель до ума без риска потерять наработки: в любой момент Save, а до него можно смело Discard.
Далее: Query Editor — сердце панели