Визуализации текста полезны для добавления контекста на панели мониторинга, но традиционно эта базовая визуализация была ограничена статическим Markdown, HTML и переменными панелей. Если вы хотели создать таблицу на основе результатов запроса, отобразить сводку статусов или изменить текст на основе значения, вам часто приходилось использовать пользовательский код или другой тип визуализации.
Обновленная текстовая визуализация связывает текст с данными ваших запросов, позволяя создавать таблицы, карточки, списки и сводки статусов на основе данных непосредственно в Grafana.
Редактируйте контент и предварительно просматривайте его в одном месте
Переработанный редактор объединяет создание и предварительный просмотр, позволяя переключаться между режимами Preview (Предпросмотр), Split (Разделенный) и Write (Написание). Используйте панель инструментов форматирования для стандартных операций с Markdown и HTML, а также автодополнение для переменных панели мониторинга. Редактор также обеспечивает подсветку синтаксиса для Markdown, HTML и кода.
Превращайте результаты запросов в текст с помощью шаблонов Handlebars
Используйте макросы ${__value}, ${__field}, ${__series} и ${__data} для ссылок на результаты запросов в вашем контенте, а также шаблонизацию Handlebars для большего контроля. Выбирайте, какие данные отображать, повторяйте контент для каждой строки с помощью {{#each}} и добавляйте простую логику if/then с помощью хелперов {{#if}}.
Выбирайте способ рендеринга контента
Выберите режим рендеринга, чтобы управлять тем, как применяется ваш шаблон: рендеринг один раз для всего результата или по одному разу для каждой строки, чтобы каждая строка в ваших данных получала собственный повторяющийся блок контента. Вы также можете выбрать кадр данных для отображения.
Форматируйте данные с помощью сопоставления значений и порогов
Текстовая визуализация теперь поддерживает сопоставление значений и пороги, используя те же инструменты настройки полей, которые доступны в других визуализациях Grafana. Определите, как представляются значения, а затем используйте полученный текст и цвета в своих шаблонах. HTML и Markdown очищаются по умолчанию.
Создавайте более богатый контент и обрабатывайте большие результаты
Добавляйте диаграммы Mermaid в свои текстовые визуализации наряду с контентом Markdown и HTML.
Кроме того, когда запрос возвращает много строк, пагинация позволяет просматривать весь результат целиком, а не только ограниченное количество строк. Grafana может автоматически настраивать количество строк на каждой странице в соответствии с размером панели.
Чтобы протестировать новую визуализацию текста, включите переключатели функций grafana.newTextPanel и text.newFeatures.
/)