<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Документация Proto Observability Platform – схема</title><link>/docs/tags/%D1%81%D1%85%D0%B5%D0%BC%D0%B0/</link><description>Recent content in схема on Документация Proto Observability Platform</description><generator>Hugo -- gohugo.io</generator><language>ru</language><atom:link href="/docs/tags/%D1%81%D1%85%D0%B5%D0%BC%D0%B0/index.xml" rel="self" type="application/rss+xml"/><item><title>Guides: Кастомные дашборды</title><link>/docs/guides/dashboards/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>/docs/guides/dashboards/</guid><description>
&lt;p>На этой странице:&lt;/p>
&lt;ul>
&lt;li>&lt;a href="#%d0%b2%d0%b2%d0%b5%d0%b4%d0%b5%d0%bd%d0%b8%d0%b5">Введение&lt;/a>&lt;/li>
&lt;li>&lt;a href="#%d1%81%d0%be%d0%b7%d0%b4%d0%b0%d0%bd%d0%b8%d0%b5-%d0%b4%d0%b0%d1%88%d0%b1%d0%be%d1%80%d0%b4%d0%b0">Создание дашборда&lt;/a>&lt;/li>
&lt;li>&lt;a href="#%d1%82%d0%b8%d0%bf%d1%8b-%d0%b2%d0%b8%d0%b4%d0%b6%d0%b5%d1%82%d0%be%d0%b2">Типы виджетов&lt;/a>&lt;/li>
&lt;li>&lt;a href="#%d0%b8%d1%81%d1%82%d0%be%d1%87%d0%bd%d0%b8%d0%ba%d0%b8-%d0%b4%d0%b0%d0%bd%d0%bd%d1%8b%d1%85-%d0%b4%d0%bb%d1%8f-%d0%b2%d0%b8%d0%b4%d0%b6%d0%b5%d1%82%d0%be%d0%b2-%d0%b3%d1%80%d0%b0%d1%84%d0%b8%d0%ba%d0%be%d0%b2">Источники данных для виджетов-графиков&lt;/a>
&lt;ul>
&lt;li>&lt;a href="#olap-%d0%bc%d0%b0%d1%81%d1%82%d0%b5%d1%80-apm-%d0%b8-eum-%d0%bc%d0%b5%d1%82%d1%80%d0%b8%d0%ba%d0%b8">OLAP Мастер (APM и EUM метрики)&lt;/a>&lt;/li>
&lt;li>&lt;a href="#promql-%d0%b8%d0%bd%d1%84%d1%80%d0%b0%d1%81%d1%82%d1%80%d1%83%d0%ba%d1%82%d1%83%d1%80%d0%bd%d1%8b%d0%b5-%d0%bc%d0%b5%d1%82%d1%80%d0%b8%d0%ba%d0%b8">PromQL (Инфраструктурные метрики)&lt;/a>&lt;/li>
&lt;li>&lt;a href="#logsql-%d0%b0%d0%bd%d0%b0%d0%bb%d0%b8%d1%82%d0%b8%d0%ba%d0%b0-%d0%bb%d0%be%d0%b3%d0%be%d0%b2">LogsQL (Аналитика логов)&lt;/a>&lt;/li>
&lt;li>&lt;a href="#olap-%d1%8d%d0%ba%d1%81%d0%bf%d0%b5%d1%80%d1%82%d0%bd%d1%8b%d0%b9-%d1%80%d0%b5%d0%b6%d0%b8%d0%bc">OLAP экспертный режим&lt;/a>&lt;/li>
&lt;li>&lt;a href="#%d0%b8%d0%bd%d1%86%d0%b8%d0%b4%d0%b5%d0%bd%d1%82%d1%8b-%d0%ba%d0%b0%d0%ba-%d0%b8%d1%81%d1%82%d0%be%d1%87%d0%bd%d0%b8%d0%ba-%d0%b4%d0%b0%d0%bd%d0%bd%d1%8b%d1%85">Инциденты как источник данных&lt;/a>&lt;/li>
&lt;li>&lt;a href="#%d0%b1%d0%b0%d0%b7%d0%be%d0%b2%d1%8b%d0%b9-%d1%80%d0%b5%d0%b6%d0%b8%d0%bc-%d1%83%d1%81%d1%82%d0%b0%d1%80%d0%b5%d0%b2%d1%88%d0%b8%d0%b9">Базовый режим (устаревший)&lt;/a>&lt;/li>
&lt;/ul>
&lt;/li>
&lt;li>&lt;a href="#%d1%82%d0%b8%d0%bf%d1%8b-%d0%b2%d0%b8%d0%b7%d1%83%d0%b0%d0%bb%d0%b8%d0%b7%d0%b0%d1%86%d0%b8%d0%b8">Типы визуализации&lt;/a>
&lt;ul>
&lt;li>&lt;a href="#%d0%b2%d0%b8%d0%b7%d1%83%d0%b0%d0%bb%d0%b8%d0%b7%d0%b0%d1%86%d0%b8%d0%b8-%d0%b4%d0%bb%d1%8f-olap-%d0%bc%d0%b0%d1%81%d1%82%d0%b5%d1%80">Визуализации для OLAP Мастер&lt;/a>&lt;/li>
&lt;li>&lt;a href="#%d0%b2%d0%b8%d0%b7%d1%83%d0%b0%d0%bb%d0%b8%d0%b7%d0%b0%d1%86%d0%b8%d0%b8-%d0%b4%d0%bb%d1%8f-promql">Визуализации для PromQL&lt;/a>&lt;/li>
&lt;li>&lt;a href="#%d0%b2%d0%b8%d0%b7%d1%83%d0%b0%d0%bb%d0%b8%d0%b7%d0%b0%d1%86%d0%b8%d0%b8-%d0%b4%d0%bb%d1%8f-logsql">Визуализации для LogsQL&lt;/a>&lt;/li>
&lt;li>&lt;a href="#%d0%b2%d0%b8%d0%b7%d1%83%d0%b0%d0%bb%d0%b8%d0%b7%d0%b0%d1%86%d0%b8%d0%b8-%d0%b4%d0%bb%d1%8f-olap-%d1%8d%d0%ba%d1%81%d0%bf%d0%b5%d1%80%d1%82%d0%bd%d0%be%d0%b3%d0%be-%d1%80%d0%b5%d0%b6%d0%b8%d0%bc%d0%b0">Визуализации для OLAP экспертного режима&lt;/a>&lt;/li>
&lt;li>&lt;a href="#%d0%b2%d0%b8%d0%b7%d1%83%d0%b0%d0%bb%d0%b8%d0%b7%d0%b0%d1%86%d0%b8%d0%b8-%d0%b4%d0%bb%d1%8f-%d0%b1%d0%b0%d0%b7%d0%be%d0%b2%d0%be%d0%b3%d0%be-%d1%80%d0%b5%d0%b6%d0%b8%d0%bc%d0%b0-%d1%83%d1%81%d1%82%d0%b0%d1%80%d0%b5%d0%b2%d1%88%d0%b8%d0%b9">Визуализации для Базового режима (устаревший)&lt;/a>&lt;/li>
&lt;/ul>
&lt;/li>
&lt;li>&lt;a href="#%d0%b2%d0%b8%d0%b4%d0%b6%d0%b5%d1%82-%d1%81%d0%be%d1%82%d1%8b-%d0%b7%d0%b4%d0%be%d1%80%d0%be%d0%b2%d1%8c%d1%8f">Виджет «Соты здоровья»&lt;/a>&lt;/li>
&lt;li>&lt;a href="#%d0%b2%d0%b8%d0%b4%d0%b6%d0%b5%d1%82-kpi-%d0%ba%d0%b0%d1%80%d1%82%d0%be%d1%87%d0%ba%d0%b0-web-vitals">Виджет «KPI-карточка» (Web Vitals)&lt;/a>&lt;/li>
&lt;li>&lt;a href="#%d0%b2%d0%ba%d0%bb%d0%b0%d0%b4%d0%ba%d0%b8-%d0%b4%d0%b0%d1%88%d0%b1%d0%be%d1%80%d0%b4%d0%b0">Вкладки дашборда&lt;/a>&lt;/li>
&lt;li>&lt;a href="#%d0%bf%d0%b5%d1%80%d0%b5%d0%bc%d0%b5%d0%bd%d0%bd%d1%8b%d0%b5-%d0%b4%d0%b0%d1%88%d0%b1%d0%be%d1%80%d0%b4%d0%b0-%d1%84%d0%b8%d0%bb%d1%8c%d1%82%d1%80%d1%8b">Переменные дашборда (фильтры)&lt;/a>&lt;/li>
&lt;li>&lt;a href="#%d0%be%d0%bf%d0%b5%d1%80%d0%b0%d1%86%d0%b8%d0%b8-%d1%81-%d0%b4%d0%b0%d1%88%d0%b1%d0%be%d1%80%d0%b4%d0%b0%d0%bc%d0%b8">Операции с дашбордами&lt;/a>&lt;/li>
&lt;li>&lt;a href="#%d0%bf%d1%80%d0%b8%d0%bc%d0%b5%d1%80%d1%8b">Примеры&lt;/a>&lt;/li>
&lt;/ul>
&lt;h2 id="введение">Введение&lt;/h2>
&lt;p>&lt;strong>Кастомные дашборды&lt;/strong> — раздел платформы Proto Observability для создания персонализированных визуализаций на основе метрик, логов и других данных. Дашборды позволяют собирать на одном экране виджеты с графиками, таблицами, карточками и текстом для мониторинга ключевых показателей.&lt;/p>
&lt;div class="alert alert-info" role="alert">
&lt;h4 class="alert-heading">Версия&lt;/h4>
Источник данных LogsQL доступен начиная с версии 200.
&lt;/div>
&lt;p>&lt;strong>Как открыть&lt;/strong>: перейдите в раздел &lt;strong>Дашборды&lt;/strong> в основном меню навигации платформы.&lt;/p>
&lt;hr>
&lt;h2 id="создание-дашборда">Создание дашборда&lt;/h2>
&lt;ol>
&lt;li>Перейдите в раздел &lt;strong>Дашборды&lt;/strong> в меню навигации&lt;/li>
&lt;li>Нажмите кнопку &lt;strong>+ Дашборд&lt;/strong>&lt;/li>
&lt;li>В открывшемся окне введите название дашборда и нажмите &lt;strong>Создать&lt;/strong>&lt;/li>
&lt;li>Откроется конструктор дашбордов с пустой рабочей областью&lt;/li>
&lt;/ol>
&lt;!-- TODO: screenshot -->
&lt;p>После создания дашборда добавьте виджеты и настройте их, затем нажмите &lt;strong>Сохранить&lt;/strong> в правом верхнем углу.&lt;/p>
&lt;p>Для отмены создания нажмите кнопку с красным крестиком рядом с кнопкой &lt;strong>Сохранить&lt;/strong>.&lt;/p>
&lt;hr>
&lt;h2 id="типы-виджетов">Типы виджетов&lt;/h2>
&lt;p>При добавлении виджета выберите один из типов из выпадающего меню &lt;strong>Виджет&lt;/strong>:&lt;/p>
&lt;table>
&lt;thead>
&lt;tr>
&lt;th>Тип&lt;/th>
&lt;th>Описание&lt;/th>
&lt;/tr>
&lt;/thead>
&lt;tbody>
&lt;tr>
&lt;td>&lt;strong>Текст&lt;/strong>&lt;/td>
&lt;td>Виджет с произвольным текстом и форматированием. Поддерживает ссылки и базовое редактирование. Для редактирования нажмите иконку с тремя точками и выберите &lt;strong>Изменить&lt;/strong>.&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>&lt;strong>График&lt;/strong>&lt;/td>
&lt;td>Виджет с визуализацией данных. Поддерживает несколько источников данных и типов визуализации. Настройка через иконку с тремя точками &amp;gt; &lt;strong>Изменить&lt;/strong>.&lt;/td>
&lt;/tr>
&lt;/tbody>
&lt;/table>
&lt;p>Виджеты можно перемещать и изменять их размер на рабочей области дашборда. На дашборде может быть размещено произвольное количество виджетов обоих типов.&lt;/p>
&lt;hr>
&lt;h2 id="источники-данных-для-виджетов-графиков">Источники данных для виджетов-графиков&lt;/h2>
&lt;p>При редактировании виджета типа «График» необходимо выбрать источник данных. Платформа поддерживает пять источников данных.&lt;/p>
&lt;h3 id="olap-мастер-apm-и-eum-метрики">OLAP Мастер (APM и EUM метрики)&lt;/h3>
&lt;p>Источник данных &lt;strong>OLAP Мастер&lt;/strong> — управляемый (wizard) режим для построения графиков по APM и EUM метрикам через OLAP-движок.&lt;/p>
&lt;p>&lt;strong>Возможности:&lt;/strong>&lt;/p>
&lt;ul>
&lt;li>Выбор метрик из курируемого каталога&lt;/li>
&lt;li>Выбор сервиса и эндпоинта (операции)&lt;/li>
&lt;li>Автоматическое построение OLAP-запроса на основе выбранных параметров&lt;/li>
&lt;li>Курируемый набор визуализаций, оптимизированных для APM-данных&lt;/li>
&lt;/ul>
&lt;p>Этот режим подходит для быстрого построения визуализаций по стандартным метрикам APM и EUM без написания запросов.&lt;/p>
&lt;!-- TODO: screenshot -->
&lt;h3 id="promql-инфраструктурные-метрики">PromQL (Инфраструктурные метрики)&lt;/h3>
&lt;p>Источник данных &lt;strong>PromQL&lt;/strong> позволяет писать произвольные PromQL-запросы для визуализации метрик Prometheus.&lt;/p>
&lt;p>&lt;strong>Возможности:&lt;/strong>&lt;/p>
&lt;ul>
&lt;li>Текстовое поле для ввода PromQL-запроса&lt;/li>
&lt;li>Добавление до 5 запросов на один виджет через кнопку &lt;strong>+ Запрос&lt;/strong> — результаты всех запросов отображаются на одном графике&lt;/li>
&lt;li>Поддержка всех функций и операторов PromQL&lt;/li>
&lt;/ul>
&lt;p>&lt;strong>Пример запроса:&lt;/strong>&lt;/p>
&lt;div class="highlight">&lt;pre tabindex="0" class="chroma">&lt;code class="language-promql" data-lang="promql">&lt;span class="line">&lt;span class="cl">&lt;span class="kr">round&lt;/span>&lt;span class="o">(&lt;/span>&lt;span class="k">avg&lt;/span>&lt;span class="o">(&lt;/span>&lt;span class="nv">system_cpu_system&lt;/span>&lt;span class="p">{&lt;/span>&lt;span class="nl">host&lt;/span>&lt;span class="o">=~&lt;/span>&lt;span class="p">&amp;#34;&lt;/span>&lt;span class="s">.*central1.internal&lt;/span>&lt;span class="p">&amp;#34;}&lt;/span>&lt;span class="o">)&lt;/span>&lt;span class="w"> &lt;/span>&lt;span class="k">by&lt;/span>&lt;span class="w"> &lt;/span>&lt;span class="o">(&lt;/span>&lt;span class="nv">host&lt;/span>&lt;span class="o">)&lt;/span>&lt;span class="p">,&lt;/span>&lt;span class="w"> &lt;/span>&lt;span class="mf">0.1&lt;/span>&lt;span class="o">)&lt;/span>&lt;span class="w">
&lt;/span>&lt;/span>&lt;/span>&lt;/code>&lt;/pre>&lt;/div>&lt;p>Подробнее о синтаксисе PromQL см. &lt;a href="../metric_browser_and_promql_query_builder/">Браузер метрик и построитель PromQL-запросов&lt;/a>.&lt;/p>
&lt;h3 id="logsql-аналитика-логов">LogsQL (Аналитика логов)&lt;/h3>
&lt;p>Источник данных &lt;strong>LogsQL&lt;/strong> позволяет визуализировать данные логов с помощью запросов LogsQL. Этот источник данных поддерживает два режима работы:&lt;/p>
&lt;p>&lt;strong>Режим Hits (попадания)&lt;/strong>&lt;/p>
&lt;p>Визуализация количества лог-записей, соответствующих запросу, в виде временного ряда. Подходит для отслеживания динамики объема логов по заданным критериям.&lt;/p>
&lt;p>&lt;strong>Режим Stats (статистика)&lt;/strong>&lt;/p>
&lt;p>Визуализация результатов агрегатных запросов LogsQL с использованием пайпа &lt;code>stats&lt;/code>. Подходит для отображения вычисленных показателей (количество, среднее, максимум и другие агрегации).&lt;/p>
&lt;p>&lt;strong>Пример запроса LogsQL для режима Hits:&lt;/strong>&lt;/p>
&lt;div class="highlight">&lt;pre tabindex="0" class="chroma">&lt;code class="language-fallback" data-lang="fallback">&lt;span class="line">&lt;span class="cl">service:exact(&amp;#34;payment-service&amp;#34;) AND level:exact(&amp;#34;error&amp;#34;)
&lt;/span>&lt;/span>&lt;/code>&lt;/pre>&lt;/div>&lt;p>Подробнее о синтаксисе LogsQL см. &lt;a href="../../instrumentation/logs/logs-explorer/">Logs Explorer&lt;/a>.&lt;/p>
&lt;h3 id="olap-экспертный-режим">OLAP экспертный режим&lt;/h3>
&lt;p>Источник данных &lt;strong>OLAP экспертный режим&lt;/strong> предоставляет полный доступ к OLAP-движку с расширенным набором визуализаций.&lt;/p>
&lt;p>&lt;strong>Возможности:&lt;/strong>&lt;/p>
&lt;ul>
&lt;li>Произвольные OLAP-запросы (measures, dimensions, filters, timeDimensions)&lt;/li>
&lt;li>Расширенный набор визуализаций, включая специализированные типы: поток бизнес-процесса (BusinessFlow), геокарта (GeoMap), граф связей (DirectedGraph), горизонтальная столбчатая диаграмма (StackHorizontalBar), составная карточка (CardStacked)&lt;/li>
&lt;li>Полный контроль над параметрами запроса и отображения&lt;/li>
&lt;/ul>
&lt;p>Этот режим подходит для опытных пользователей, которым нужны расширенные визуализации и полный контроль над OLAP-запросами.&lt;/p>
&lt;h3 id="инциденты-как-источник-данных">Инциденты как источник данных&lt;/h3>
&lt;div class="alert alert-info" role="alert">
&lt;h4 class="alert-heading">Версия&lt;/h4>
Куб &lt;strong>Инциденты&lt;/strong> доступен в конструкторе виджетов начиная с версии 202.
&lt;/div>
&lt;p>Данные модуля &lt;a href="../../alerting/incidents/">Инциденты&lt;/a> доступны в OLAP-режимах наравне с
APM- и EUM-метриками, поэтому дашборд надёжности собирается штатным конструктором — и
его можно показывать руководству или смежным командам, не давая доступа к самому
модулю инцидентов.&lt;/p>
&lt;p>&lt;strong>Показатели (меры):&lt;/strong>&lt;/p>
&lt;table>
&lt;thead>
&lt;tr>
&lt;th>Показатель&lt;/th>
&lt;th>Смысл&lt;/th>
&lt;/tr>
&lt;/thead>
&lt;tbody>
&lt;tr>
&lt;td>&lt;strong>Всего инцидентов&lt;/strong>&lt;/td>
&lt;td>Число инцидентов за период&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>&lt;strong>Открытые / Решённые / Закрытые инциденты&lt;/strong>&lt;/td>
&lt;td>Разбивка по стадии жизненного цикла&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>&lt;strong>Критичные / Серьёзные / Незначительные / Низкий приоритет&lt;/strong>&lt;/td>
&lt;td>Разбивка по критичности&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>&lt;strong>Открытые критичные&lt;/strong>, &lt;strong>Открытые серьёзные&lt;/strong>&lt;/td>
&lt;td>Незакрытые инциденты высокой критичности — показатель текущей нагрузки на дежурную смену&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>&lt;strong>MTTR (минуты)&lt;/strong>&lt;/td>
&lt;td>Среднее время до устранения&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>&lt;strong>Длительность средняя (мин)&lt;/strong>, &lt;strong>Длительность максимальная (мин)&lt;/strong>&lt;/td>
&lt;td>Средняя и наибольшая длительность инцидента&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>&lt;strong>Затронуто ресурсов (всего)&lt;/strong>, &lt;strong>Связано алертов (всего)&lt;/strong>&lt;/td>
&lt;td>Масштаб инцидентов&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>&lt;strong>Статус здоровья&lt;/strong>&lt;/td>
&lt;td>Сводное состояние &lt;code>2 / 1 / 0&lt;/code> для виджетов «Соты здоровья» и «Карта Здоровья»&lt;/td>
&lt;/tr>
&lt;/tbody>
&lt;/table>
&lt;p>&lt;strong>Разрезы (измерения):&lt;/strong> критичность, статус (детектирование, диагностика, решение,
закрытие), влияние, причина корреляции, ответственный, заголовок и описание
инцидента, длительность, число затронутых ресурсов и связанных алертов, а также время
создания, решения и закрытия. Временная ось строится по времени &lt;strong>создания&lt;/strong>
инцидента.&lt;/p>
&lt;p>Дополнительно доступны сегменты &lt;strong>активные&lt;/strong> (инцидент ещё не закрыт) и &lt;strong>закрытые&lt;/strong>.&lt;/p>
&lt;p>&lt;strong>Примеры виджетов:&lt;/strong> «MTTR по неделям» (линейная диаграмма), «Инциденты по
критичности» (круговая), «Открытые критичные» (KPI-карточка), «Инциденты с наибольшей
длительностью» (таблица).&lt;/p>
&lt;h3 id="базовый-режим-устаревший">Базовый режим (устаревший)&lt;/h3>
&lt;div class="alert alert-warning" role="alert">
&lt;h4 class="alert-heading">Устаревший&lt;/h4>
Базовый режим сохранен для обратной совместимости. Рекомендуется использовать &lt;strong>OLAP Мастер&lt;/strong> или &lt;strong>OLAP экспертный режим&lt;/strong> для новых виджетов.
&lt;/div>
&lt;p>Источник данных &lt;strong>Базовый режим&lt;/strong> использует GraphQL API для выбора метрик.&lt;/p>
&lt;p>&lt;strong>Возможности:&lt;/strong>&lt;/p>
&lt;ul>
&lt;li>Выбор метрик через GraphQL API платформы&lt;/li>
&lt;li>Поддержка специфичных визуализаций: список топ значений (TopList), текст (Text), тепловая карта (Heatmap), список сервисов (ServiceList), список эндпоинтов (EndpointList), список инстансов (InstanceList)&lt;/li>
&lt;/ul>
&lt;hr>
&lt;h2 id="типы-визуализации">Типы визуализации&lt;/h2>
&lt;p>Доступные типы визуализации зависят от выбранного источника данных.&lt;/p>
&lt;h3 id="визуализации-для-olap-мастер">Визуализации для OLAP Мастер&lt;/h3>
&lt;table>
&lt;thead>
&lt;tr>
&lt;th>Тип визуализации&lt;/th>
&lt;th>Описание&lt;/th>
&lt;/tr>
&lt;/thead>
&lt;tbody>
&lt;tr>
&lt;td>&lt;strong>Столбчатая диаграмма&lt;/strong> (Bar)&lt;/td>
&lt;td>Вертикальные столбцы для сравнения значений&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>&lt;strong>Линейная диаграмма&lt;/strong> (Line)&lt;/td>
&lt;td>Линия, показывающая изменение значения во времени&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>&lt;strong>Линейная диаграмма с областями&lt;/strong> (Area)&lt;/td>
&lt;td>Линия с заполненной областью под ней&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>&lt;strong>Круговая диаграмма&lt;/strong> (Pie)&lt;/td>
&lt;td>Круговая визуализация долей&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>&lt;strong>Карточка&lt;/strong> (Card)&lt;/td>
&lt;td>Одно числовое значение крупным шрифтом&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>&lt;strong>Таблица&lt;/strong> (Table)&lt;/td>
&lt;td>Табличное представление данных&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>&lt;strong>Воронка&lt;/strong> (Funnel)&lt;/td>
&lt;td>Визуализация последовательных этапов процесса с уменьшением значений&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>&lt;strong>Спидометр&lt;/strong> (Gauge)&lt;/td>
&lt;td>Круговой индикатор значения&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>&lt;strong>Карта Здоровья&lt;/strong> (Treemap)&lt;/td>
&lt;td>Иерархическая древовидная карта для визуализации состояния компонентов&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>&lt;strong>Соты здоровья&lt;/strong> (Honeycomb)&lt;/td>
&lt;td>Плотная раскладка из шестиугольников: одна ячейка — один объект, цвет по состоянию. См. &lt;a href="#%d0%b2%d0%b8%d0%b4%d0%b6%d0%b5%d1%82-%d1%81%d0%be%d1%82%d1%8b-%d0%b7%d0%b4%d0%be%d1%80%d0%be%d0%b2%d1%8c%d1%8f">Виджет «Соты здоровья»&lt;/a>&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>&lt;strong>KPI-карточка&lt;/strong> (Scorecard)&lt;/td>
&lt;td>Значение показателя со статусом по порогам и полосой распределения «хорошо / требует улучшения / плохо». См. &lt;a href="#%d0%b2%d0%b8%d0%b4%d0%b6%d0%b5%d1%82-kpi-%d0%ba%d0%b0%d1%80%d1%82%d0%be%d1%87%d0%ba%d0%b0-web-vitals">Виджет «KPI-карточка»&lt;/a>&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>&lt;strong>Линейная диаграмма с baseline&lt;/strong> (Line_baseline)&lt;/td>
&lt;td>Линейный график с линией базового уровня&lt;/td>
&lt;/tr>
&lt;/tbody>
&lt;/table>
&lt;h3 id="визуализации-для-promql">Визуализации для PromQL&lt;/h3>
&lt;table>
&lt;thead>
&lt;tr>
&lt;th>Тип визуализации&lt;/th>
&lt;th>Описание&lt;/th>
&lt;/tr>
&lt;/thead>
&lt;tbody>
&lt;tr>
&lt;td>&lt;strong>Столбчатая диаграмма&lt;/strong> (Bar)&lt;/td>
&lt;td>Вертикальные столбцы&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>&lt;strong>Линейная диаграмма&lt;/strong> (Line)&lt;/td>
&lt;td>Линейный график&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>&lt;strong>Линейная диаграмма с областями&lt;/strong> (Area)&lt;/td>
&lt;td>Линия с заполненной областью&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>&lt;strong>Круговая диаграмма&lt;/strong> (Pie)&lt;/td>
&lt;td>Круговая визуализация&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>&lt;strong>Карточка&lt;/strong> (Card)&lt;/td>
&lt;td>Одно числовое значение&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>&lt;strong>Таблица&lt;/strong> (Table)&lt;/td>
&lt;td>Табличное представление&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>&lt;strong>Спидометр&lt;/strong> (Gauge)&lt;/td>
&lt;td>Круговой индикатор&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>&lt;strong>Карта Здоровья&lt;/strong> (Treemap)&lt;/td>
&lt;td>Иерархическая древовидная карта для визуализации состояния компонентов&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>&lt;strong>Соты здоровья&lt;/strong> (Honeycomb)&lt;/td>
&lt;td>Шестиугольная карта состояния объектов. См. &lt;a href="#%d0%b2%d0%b8%d0%b4%d0%b6%d0%b5%d1%82-%d1%81%d0%be%d1%82%d1%8b-%d0%b7%d0%b4%d0%be%d1%80%d0%be%d0%b2%d1%8c%d1%8f">Виджет «Соты здоровья»&lt;/a>&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>&lt;strong>Схема&lt;/strong> (Diagram)&lt;/td>
&lt;td>Диаграмма на языке DOT, раскрашенная живыми данными. См. &lt;a href="../dashboard_diagram/">Виджет «Схема»&lt;/a>&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>&lt;strong>Линейная диаграмма с baseline&lt;/strong> (Line_baseline)&lt;/td>
&lt;td>Линейный график с базовой линией&lt;/td>
&lt;/tr>
&lt;/tbody>
&lt;/table>
&lt;h3 id="визуализации-для-logsql">Визуализации для LogsQL&lt;/h3>
&lt;p>Доступные визуализации зависят от режима LogsQL:&lt;/p>
&lt;p>&lt;strong>Режим Hits (попадания):&lt;/strong>&lt;/p>
&lt;table>
&lt;thead>
&lt;tr>
&lt;th>Тип визуализации&lt;/th>
&lt;th>Описание&lt;/th>
&lt;/tr>
&lt;/thead>
&lt;tbody>
&lt;tr>
&lt;td>&lt;strong>Столбчатая диаграмма&lt;/strong> (Bar)&lt;/td>
&lt;td>Объем логов по временным интервалам&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>&lt;strong>Линейная диаграмма&lt;/strong> (Line)&lt;/td>
&lt;td>Динамика количества логов&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>&lt;strong>Линейная диаграмма с областями&lt;/strong> (Area)&lt;/td>
&lt;td>Динамика с заполненной областью&lt;/td>
&lt;/tr>
&lt;/tbody>
&lt;/table>
&lt;p>&lt;strong>Режим Stats (статистика):&lt;/strong>&lt;/p>
&lt;table>
&lt;thead>
&lt;tr>
&lt;th>Тип визуализации&lt;/th>
&lt;th>Описание&lt;/th>
&lt;/tr>
&lt;/thead>
&lt;tbody>
&lt;tr>
&lt;td>&lt;strong>Столбчатая диаграмма&lt;/strong> (Bar)&lt;/td>
&lt;td>Результаты агрегации в виде столбцов&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>&lt;strong>Линейная диаграмма&lt;/strong> (Line)&lt;/td>
&lt;td>Результаты агрегации в виде линии&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>&lt;strong>Линейная диаграмма с областями&lt;/strong> (Area)&lt;/td>
&lt;td>Результаты агрегации с областью&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>&lt;strong>Круговая диаграмма&lt;/strong> (Pie)&lt;/td>
&lt;td>Результаты агрегации в виде долей&lt;/td>
&lt;/tr>
&lt;/tbody>
&lt;/table>
&lt;h3 id="визуализации-для-olap-экспертного-режима">Визуализации для OLAP экспертного режима&lt;/h3>
&lt;table>
&lt;thead>
&lt;tr>
&lt;th>Тип визуализации&lt;/th>
&lt;th>Описание&lt;/th>
&lt;/tr>
&lt;/thead>
&lt;tbody>
&lt;tr>
&lt;td>&lt;strong>Столбчатая диаграмма&lt;/strong> (Bar)&lt;/td>
&lt;td>Вертикальные столбцы для сравнения значений&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>&lt;strong>Линейная диаграмма&lt;/strong> (Line)&lt;/td>
&lt;td>Линейный график&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>&lt;strong>Линейная диаграмма с baseline&lt;/strong> (Line_baseline)&lt;/td>
&lt;td>Линейный график с линией базового уровня&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>&lt;strong>Линейная диаграмма с областями&lt;/strong> (Area)&lt;/td>
&lt;td>Линия с заполненной областью&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>&lt;strong>Карточка&lt;/strong> (Card)&lt;/td>
&lt;td>Одно числовое значение крупным шрифтом&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>&lt;strong>KPI-карточка&lt;/strong> (Scorecard)&lt;/td>
&lt;td>Значение показателя со статусом по порогам и полосой распределения. См. &lt;a href="#%d0%b2%d0%b8%d0%b4%d0%b6%d0%b5%d1%82-kpi-%d0%ba%d0%b0%d1%80%d1%82%d0%be%d1%87%d0%ba%d0%b0-web-vitals">Виджет «KPI-карточка»&lt;/a>&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>&lt;strong>Таблица&lt;/strong> (Table)&lt;/td>
&lt;td>Табличное представление данных&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>&lt;strong>Круговая диаграмма&lt;/strong> (Pie)&lt;/td>
&lt;td>Круговая визуализация долей&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>&lt;strong>Воронка&lt;/strong> (Funnel)&lt;/td>
&lt;td>Визуализация последовательных этапов процесса&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>&lt;strong>Поток бизнес-процесса&lt;/strong> (BusinessFlow)&lt;/td>
&lt;td>Визуализация потока бизнес-процесса с этапами и переходами&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>&lt;strong>Спидометр&lt;/strong> (Gauge)&lt;/td>
&lt;td>Круговой индикатор значения&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>&lt;strong>Геокарта&lt;/strong> (GeoMap)&lt;/td>
&lt;td>Географическая карта с данными по регионам&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>&lt;strong>Граф связей&lt;/strong> (DirectedGraph)&lt;/td>
&lt;td>Ориентированный граф для визуализации связей между компонентами&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>&lt;strong>Столбчатая диаграмма горизонтальная стековая&lt;/strong> (StackHorizontalBar)&lt;/td>
&lt;td>Горизонтальные столбцы с группировкой&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>&lt;strong>Карточка составная&lt;/strong> (CardStacked)&lt;/td>
&lt;td>Карточка с несколькими значениями&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>&lt;strong>Карта Здоровья&lt;/strong> (Treemap)&lt;/td>
&lt;td>Иерархическая древовидная карта для визуализации состояния компонентов&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>&lt;strong>Соты здоровья&lt;/strong> (Honeycomb)&lt;/td>
&lt;td>Шестиугольная карта состояния объектов. См. &lt;a href="#%d0%b2%d0%b8%d0%b4%d0%b6%d0%b5%d1%82-%d1%81%d0%be%d1%82%d1%8b-%d0%b7%d0%b4%d0%be%d1%80%d0%be%d0%b2%d1%8c%d1%8f">Виджет «Соты здоровья»&lt;/a>&lt;/td>
&lt;/tr>
&lt;/tbody>
&lt;/table>
&lt;h3 id="визуализации-для-базового-режима-устаревший">Визуализации для Базового режима (устаревший)&lt;/h3>
&lt;table>
&lt;thead>
&lt;tr>
&lt;th>Тип визуализации&lt;/th>
&lt;th>Описание&lt;/th>
&lt;/tr>
&lt;/thead>
&lt;tbody>
&lt;tr>
&lt;td>&lt;strong>Столбчатая диаграмма&lt;/strong> (Bar)&lt;/td>
&lt;td>Вертикальные столбцы для сравнения значений&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>&lt;strong>Линейная диаграмма&lt;/strong> (Line)&lt;/td>
&lt;td>Линия, показывающая изменение значения во времени&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>&lt;strong>Линейная диаграмма с областями&lt;/strong> (Area)&lt;/td>
&lt;td>Линия с заполненной областью под ней&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>&lt;strong>Круговая диаграмма&lt;/strong> (Pie)&lt;/td>
&lt;td>Круговая визуализация долей&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>&lt;strong>Карточка&lt;/strong> (Card)&lt;/td>
&lt;td>Одно числовое значение крупным шрифтом&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>&lt;strong>Список топ значений&lt;/strong> (TopList)&lt;/td>
&lt;td>Ранжированный список значений&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>&lt;strong>Таблица&lt;/strong> (Table)&lt;/td>
&lt;td>Табличное представление данных&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>&lt;strong>Текст&lt;/strong> (Text)&lt;/td>
&lt;td>Текстовое значение&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>&lt;strong>Тепловая карта&lt;/strong> (Heatmap)&lt;/td>
&lt;td>Цветовая матрица интенсивности значений&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>&lt;strong>Список Сервисов&lt;/strong> (ServiceList)&lt;/td>
&lt;td>Список сервисов с метриками&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>&lt;strong>Список Эндпоинтов&lt;/strong> (EndpointList)&lt;/td>
&lt;td>Список эндпоинтов с метриками&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>&lt;strong>Список Инстансов&lt;/strong> (InstanceList)&lt;/td>
&lt;td>Список инстансов с метриками&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>&lt;strong>Линейная диаграмма с baseline&lt;/strong> (Line_baseline)&lt;/td>
&lt;td>Линейный график с линией базового уровня&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>&lt;strong>Спидометр&lt;/strong> (Gauge)&lt;/td>
&lt;td>Круговой индикатор значения&lt;/td>
&lt;/tr>
&lt;/tbody>
&lt;/table>
&lt;hr>
&lt;h2 id="виджет-соты-здоровья">Виджет «Соты здоровья»&lt;/h2>
&lt;div class="alert alert-info" role="alert">
&lt;h4 class="alert-heading">Версия&lt;/h4>
Виджет &lt;strong>«Соты здоровья»&lt;/strong> (Honeycomb) доступен начиная с версии 202.
&lt;/div>
&lt;p>&lt;strong>Соты здоровья&lt;/strong> — плотная раскладка из шестиугольников: одна ячейка соответствует
одному объекту (сервису, хосту, поду, устройству), цвет ячейки — его текущему
состоянию. Сотни объектов помещаются на один экран, проблемные видны сразу, без
прокрутки таблицы.&lt;/p>
&lt;p>Виджет доступен на источниках данных &lt;strong>PromQL&lt;/strong>, &lt;strong>OLAP Мастер&lt;/strong> и &lt;strong>OLAP экспертный
режим&lt;/strong>. Он также используется на встроенных дашбордах платформы, включая
переработанный дашборд &lt;strong>«Обзор»&lt;/strong>.&lt;/p>
&lt;p>&lt;strong>Цветовая карта&lt;/strong> совпадает с виджетом «Карта Здоровья» — состояние берётся из
числового значения запроса:&lt;/p>
&lt;table>
&lt;thead>
&lt;tr>
&lt;th>Значение&lt;/th>
&lt;th>Состояние&lt;/th>
&lt;th>Цвет&lt;/th>
&lt;/tr>
&lt;/thead>
&lt;tbody>
&lt;tr>
&lt;td>&lt;code>0&lt;/code>&lt;/td>
&lt;td>Нет проблем&lt;/td>
&lt;td>зелёный&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>&lt;code>1&lt;/code>&lt;/td>
&lt;td>Предупреждение&lt;/td>
&lt;td>жёлтый&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>&lt;code>2&lt;/code>&lt;/td>
&lt;td>Критический&lt;/td>
&lt;td>красный&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>иное или отсутствует&lt;/td>
&lt;td>Неизвестно&lt;/td>
&lt;td>серый&lt;/td>
&lt;/tr>
&lt;/tbody>
&lt;/table>
&lt;p>&lt;strong>Настройки виджета:&lt;/strong>&lt;/p>
&lt;table>
&lt;thead>
&lt;tr>
&lt;th>Поле&lt;/th>
&lt;th>Назначение&lt;/th>
&lt;/tr>
&lt;/thead>
&lt;tbody>
&lt;tr>
&lt;td>&lt;strong>Заголовок&lt;/strong> / &lt;strong>Подзаголовок&lt;/strong>&lt;/td>
&lt;td>Подписи над сотами&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>&lt;strong>Лейбл группировки (PromQL)&lt;/strong>&lt;/td>
&lt;td>Имя метки метрики, по которой ячейки раскладываются на отдельные карточки (например, &lt;code>service_group&lt;/code>). Пусто — единая плоская раскладка&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>&lt;strong>Включить ссылку&lt;/strong> / &lt;strong>Ссылка на&lt;/strong>&lt;/td>
&lt;td>Переход по клику на ячейку к дашборду соответствующей сущности&lt;/td>
&lt;/tr>
&lt;/tbody>
&lt;/table>
&lt;p>Для источников &lt;strong>OLAP Мастер&lt;/strong> и &lt;strong>OLAP экспертный режим&lt;/strong> группировка включается не
меткой, а &lt;strong>вторым измерением&lt;/strong> запроса.&lt;/p>
&lt;p>&lt;strong>Дополнительно:&lt;/strong>&lt;/p>
&lt;ul>
&lt;li>Над каждой группой выводится полоса распределения состояний и счётчик объектов; в
плоском режиме — то же самое по всему набору.&lt;/li>
&lt;li>Наведение на ячейку показывает имя объекта, состояние и дополнительные поля запроса.&lt;/li>
&lt;li>На очень больших инсталляциях число ячеек ограничено 2000: сначала показываются
проблемные объекты, а над сотами выводится честная пометка «Показано N из M».&lt;/li>
&lt;/ul>
&lt;p>&lt;strong>Пример: соты по состоянию хостов (PromQL)&lt;/strong>&lt;/p>
&lt;ol>
&lt;li>Добавьте виджет типа &lt;strong>График&lt;/strong>, источник данных — &lt;strong>PromQL&lt;/strong>&lt;/li>
&lt;li>Тип визуализации — &lt;strong>Соты здоровья&lt;/strong>&lt;/li>
&lt;li>Введите запрос, возвращающий состояние &lt;code>0/1/2&lt;/code> в разрезе объектов&lt;/li>
&lt;li>При необходимости укажите &lt;strong>Лейбл группировки&lt;/strong> — например, &lt;code>service_group&lt;/code>&lt;/li>
&lt;li>Сохраните дашборд&lt;/li>
&lt;/ol>
&lt;hr>
&lt;h2 id="виджет-kpi-карточка-web-vitals">Виджет «KPI-карточка» (Web Vitals)&lt;/h2>
&lt;div class="alert alert-info" role="alert">
&lt;h4 class="alert-heading">Версия&lt;/h4>
Виджет &lt;strong>«KPI-карточка»&lt;/strong> (Scorecard) доступен начиная с версии 201.
&lt;/div>
&lt;p>&lt;strong>KPI-карточка&lt;/strong> показывает одно значение показателя вместе с его &lt;strong>оценкой по
порогам&lt;/strong> и &lt;strong>распределением наблюдений&lt;/strong> по трём категориям — «хорошо», «требует
улучшения», «плохо». Виджет создавался под метрики
&lt;a href="../../instrumentation/eum/browser/">Core Web Vitals&lt;/a> (LCP, INP, CLS и другие), где
принята именно такая трёхуровневая шкала, но подходит для любого показателя с
пороговой оценкой — например, для времени отклика или Apdex.&lt;/p>
&lt;p>Виджет доступен на источниках данных &lt;strong>OLAP Мастер&lt;/strong> и &lt;strong>OLAP экспертный режим&lt;/strong>.&lt;/p>
&lt;p>&lt;strong>Что отображается:&lt;/strong>&lt;/p>
&lt;ul>
&lt;li>Подпись показателя и значок статуса (по порогам);&lt;/li>
&lt;li>само значение в заданных единицах и с заданной точностью;&lt;/li>
&lt;li>полоса распределения с долями «хорошо / требует улучшения / плохо» в процентах и
всплывающей подсказкой с точными значениями.&lt;/li>
&lt;/ul>
&lt;p>&lt;strong>Настройки виджета:&lt;/strong>&lt;/p>
&lt;table>
&lt;thead>
&lt;tr>
&lt;th>Поле&lt;/th>
&lt;th>Назначение&lt;/th>
&lt;/tr>
&lt;/thead>
&lt;tbody>
&lt;tr>
&lt;td>&lt;strong>Метка&lt;/strong>&lt;/td>
&lt;td>Подпись показателя на карточке (например, «LCP (p75)»)&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>&lt;strong>Метрика значения&lt;/strong>&lt;/td>
&lt;td>Мера, значение которой выводится крупно&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>&lt;strong>Метрика счётчика good&lt;/strong>&lt;/td>
&lt;td>Мера с числом наблюдений в категории «хорошо»&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>&lt;strong>Метрика счётчика needs-improvement&lt;/strong>&lt;/td>
&lt;td>Мера с числом наблюдений в категории «требует улучшения»&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>&lt;strong>Метрика счётчика poor&lt;/strong>&lt;/td>
&lt;td>Мера с числом наблюдений в категории «плохо»&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>&lt;strong>Больше = лучше&lt;/strong>&lt;/td>
&lt;td>Инвертирует смысл порогов: для метрик, где рост значения — это улучшение (например, доля успешных сессий)&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>&lt;strong>Порог «хорошо»&lt;/strong>&lt;/td>
&lt;td>Граница зелёной зоны: значение &lt;code>≤&lt;/code> порога (или &lt;code>≥&lt;/code>, если включено «Больше = лучше»)&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>&lt;strong>Порог «плохо»&lt;/strong>&lt;/td>
&lt;td>Граница красной зоны: значение &lt;code>&amp;gt;&lt;/code> порога (или &lt;code>≤&lt;/code>, если включено «Больше = лучше»)&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>&lt;strong>Делитель&lt;/strong>&lt;/td>
&lt;td>Приводит единицы измерения — например, &lt;code>1000&lt;/code> переводит миллисекунды в секунды&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>&lt;strong>Единица&lt;/strong>&lt;/td>
&lt;td>Подпись единиц измерения рядом со значением&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>&lt;strong>Знаков после запятой&lt;/strong>&lt;/td>
&lt;td>Точность отображения&lt;/td>
&lt;/tr>
&lt;/tbody>
&lt;/table>
&lt;p>Три метрики счётчиков необязательны: если они не заданы, карточка показывает только
значение и статус, без полосы распределения.&lt;/p>
&lt;div class="alert alert-info" role="alert">
&lt;h4 class="alert-heading">Пороги Core Web Vitals&lt;/h4>
Для стандартных метрик пороги задаются по рекомендациям Web Vitals: например, для LCP
— «хорошо» до 2,5 с и «плохо» свыше 4 с; для CLS — 0,1 и 0,25 соответственно.
&lt;/div>
&lt;hr>
&lt;h2 id="вкладки-дашборда">Вкладки дашборда&lt;/h2>
&lt;p>Дашборд может содержать несколько вкладок для организации виджетов по категориям.&lt;/p>
&lt;p>&lt;strong>Управление вкладками:&lt;/strong>&lt;/p>
&lt;ul>
&lt;li>&lt;strong>Переименование&lt;/strong> — нажмите иконку с тремя точками рядом с названием вкладки и выберите &lt;strong>Переименовать вкладку&lt;/strong>&lt;/li>
&lt;li>&lt;strong>Добавление&lt;/strong> — нажмите иконку &lt;strong>+&lt;/strong> рядом с последней вкладкой&lt;/li>
&lt;li>&lt;strong>Удаление&lt;/strong> — нажмите иконку &lt;strong>x&lt;/strong> над названием вкладки&lt;/li>
&lt;/ul>
&lt;p>По умолчанию при создании дашборда доступна одна вкладка — «Вкладка 1».&lt;/p>
&lt;hr>
&lt;h2 id="переменные-дашборда-фильтры">Переменные дашборда (фильтры)&lt;/h2>
&lt;div class="alert alert-info" role="alert">
&lt;h4 class="alert-heading">Версия&lt;/h4>
Переменные дашбордов доступны начиная с версии 201.
&lt;/div>
&lt;p>&lt;strong>Переменные дашборда&lt;/strong> — это фильтры, которые отображаются в виде выпадающих списков в шапке дашборда и применяются сразу ко всем виджетам. Например, переменная &lt;code>host&lt;/code> позволяет на одном дашборде переключаться между серверами вместо создания отдельного дашборда для каждого. Это знакомый по Grafana механизм template variables.&lt;/p>
&lt;p>Переменные работают с виджетами на источнике данных &lt;strong>PromQL&lt;/strong>.&lt;/p>
&lt;h3 id="как-открыть-управление-переменными">Как открыть управление переменными&lt;/h3>
&lt;ol>
&lt;li>Откройте дашборд на редактирование (иконка «ручка»)&lt;/li>
&lt;li>Нажмите кнопку &lt;strong>Переменные&lt;/strong> на панели инструментов&lt;/li>
&lt;li>Откроется окно со списком переменных дашборда&lt;/li>
&lt;/ol>
&lt;p>&lt;img src="../images/dashboard-filter-variable-list.png" alt="Список переменных дашборда">&lt;/p>
&lt;p>В списке отображается имя переменной (&lt;code>$имя&lt;/code>), её тип и определение. Для каждой переменной доступны действия: изменить, дублировать, удалить. Кнопка &lt;strong>Добавить переменную&lt;/strong> создаёт новую.&lt;/p>
&lt;h3 id="добавление-и-настройка-переменной">Добавление и настройка переменной&lt;/h3>
&lt;p>При добавлении или изменении переменной заполните поля формы:&lt;/p>
&lt;p>&lt;img src="../images/dashboard-filter-variable-setup-details.png" alt="Настройка переменной">&lt;/p>
&lt;table>
&lt;thead>
&lt;tr>
&lt;th>Поле&lt;/th>
&lt;th>Назначение&lt;/th>
&lt;/tr>
&lt;/thead>
&lt;tbody>
&lt;tr>
&lt;td>&lt;strong>Имя&lt;/strong>&lt;/td>
&lt;td>Имя переменной. В запросах виджетов на неё ссылаются как &lt;code>$имя&lt;/code> (например, &lt;code>$host&lt;/code>). Допускаются латинские буквы, цифры и &lt;code>_&lt;/code>.&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>&lt;strong>Подпись&lt;/strong>&lt;/td>
&lt;td>Необязательный заголовок переменной в строке фильтров. По умолчанию — имя.&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>&lt;strong>Тип&lt;/strong>&lt;/td>
&lt;td>&lt;strong>Query&lt;/strong> — значения берутся из метрик автоматически. &lt;strong>Custom&lt;/strong> — список значений задаётся вручную.&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>&lt;strong>Метрика&lt;/strong>&lt;/td>
&lt;td>Только для типа Query, необязательно. Ограничивает список значений одной метрикой. Если поле пустое — значения собираются по всем метрикам.&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>&lt;strong>Label&lt;/strong>&lt;/td>
&lt;td>Только для типа Query. Имя метки, значения которой попадут в выпадающий список (например, &lt;code>host&lt;/code>, &lt;code>instance&lt;/code>).&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>&lt;strong>Значения через запятую&lt;/strong>&lt;/td>
&lt;td>Только для типа Custom. Список значений выпадающего списка.&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>&lt;strong>Мультивыбор&lt;/strong>&lt;/td>
&lt;td>Разрешить выбор нескольких значений одновременно.&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>&lt;strong>Опция «Все»&lt;/strong>&lt;/td>
&lt;td>Добавить в список пункт «Все», который снимает фильтр по переменной.&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>&lt;strong>Значение для «Все»&lt;/strong>&lt;/td>
&lt;td>Что подставляется при выборе «Все». По умолчанию &lt;code>.*&lt;/code> (любое значение).&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>&lt;strong>Фильтровать виджеты по label&lt;/strong>&lt;/td>
&lt;td>Метка, по которой переменная фильтрует виджеты (см. ниже). Обычно совпадает с полем &lt;strong>Label&lt;/strong>.&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>&lt;strong>Предпросмотр значений&lt;/strong>&lt;/td>
&lt;td>Показывает первые значения, которые получит фильтр, — для проверки настройки.&lt;/td>
&lt;/tr>
&lt;/tbody>
&lt;/table>
&lt;p>После настройки нажмите &lt;strong>Применить&lt;/strong> в форме, затем &lt;strong>Применить&lt;/strong> в окне списка и &lt;strong>Сохраните&lt;/strong> дашборд.&lt;/p>
&lt;h3 id="как-переменная-применяется-к-виджетам">Как переменная применяется к виджетам&lt;/h3>
&lt;p>Есть два способа связать переменную с виджетами; можно использовать любой из них или оба сразу.&lt;/p>
&lt;p>&lt;strong>Способ 1 — автоматически по метке (рекомендуется).&lt;/strong> Заполните поле &lt;strong>Фильтровать виджеты по label&lt;/strong> (обычно совпадает с &lt;strong>Label&lt;/strong>, например &lt;code>host&lt;/code>). Тогда ко всем PromQL-виджетам дашборда автоматически добавляется фильтр по выбранным значениям этой метки — запросы виджетов менять не нужно. Это основной сценарий: «один дашборд, фильтруемый по хосту».&lt;/p>
&lt;p>&lt;strong>Способ 2 — явно в запросе.&lt;/strong> Сошлитесь на переменную прямо в PromQL-запросе виджета через &lt;code>$имя&lt;/code>. Используйте оператор &lt;code>=~&lt;/code>, так как при мультивыборе подставляется регулярное выражение:&lt;/p>
&lt;div class="highlight">&lt;pre tabindex="0" class="chroma">&lt;code class="language-promql" data-lang="promql">&lt;span class="line">&lt;span class="cl">&lt;span class="nv">system_cpu_system&lt;/span>&lt;span class="p">{&lt;/span>&lt;span class="nl">host&lt;/span>&lt;span class="o">=~&lt;/span>&lt;span class="p">&amp;#34;&lt;/span>&lt;span class="s">$host&lt;/span>&lt;span class="p">&amp;#34;}&lt;/span>&lt;span class="w">
&lt;/span>&lt;/span>&lt;/span>&lt;/code>&lt;/pre>&lt;/div>&lt;p>При выборе «Все» (или пустом выборе) фильтр снимается — отображаются данные по всем значениям.&lt;/p>
&lt;div class="alert alert-info" role="alert">
&lt;h4 class="alert-heading">Примечание&lt;/h4>
Если у метрики виджета нет метки, по которой настроена переменная, и выбрано конкретное значение (не «Все»), виджет может не показать данных. Привязывайте поле &lt;strong>Фильтровать виджеты по label&lt;/strong> на дашбордах, где у виджетов есть эта метка.
&lt;/div>
&lt;h3 id="использование-фильтров">Использование фильтров&lt;/h3>
&lt;p>В режиме просмотра дашборда выпадающие списки переменных отображаются в шапке, рядом с подписью &lt;strong>Фильтр&lt;/strong>. Выберите одно или несколько значений — графики обновятся автоматически.&lt;/p>
&lt;p>&lt;img src="../images/dashboard-filter-variable-values-opened.png" alt="Выбор значений переменной">&lt;/p>
&lt;p>Текущий выбор сохраняется в адресной строке (URL), поэтому ссылкой на дашборд можно поделиться вместе с выбранными значениями фильтров — кнопка &lt;strong>Поделиться&lt;/strong> учитывает их автоматически. Значения по умолчанию сохраняются в дашборде при его сохранении.&lt;/p>
&lt;h3 id="переменная-группа-хостов">Переменная «Группа хостов»&lt;/h3>
&lt;div class="alert alert-info" role="alert">
&lt;h4 class="alert-heading">Версия&lt;/h4>
Переменная «Группа хостов» доступна начиная с версии 204.
&lt;/div>
&lt;p>Тип переменной &lt;strong>Группа хостов&lt;/strong> фильтрует виджеты по &lt;a href="../../resource_service_model/host_groups/">группе хостов&lt;/a>. Для неё не нужны метрика и label: значения — группы, доступные пользователю, по алфавиту, с числом хостов в подписи — «имя (N)». Мультивыбор и поиск включены; несколько выбранных групп объединяются по ИЛИ, пустой выбор означает «все».&lt;/p>
&lt;p>Особенности типа:&lt;/p>
&lt;ul>
&lt;li>на дашборде может быть только одна такая переменная, её имя фиксировано — &lt;code>host_group&lt;/code> (по нему работают ссылки вида &lt;code>var-host_group&lt;/code>);&lt;/li>
&lt;li>переменная не подставляется в запросы как &lt;code>$host_group&lt;/code> и не добавляет метку к селекторам виджетов — платформа сама ограничивает запрос хостами выбранных групп;&lt;/li>
&lt;li>исключающего фильтра и пункта «Без группы» нет;&lt;/li>
&lt;li>переменная не действует на запросы метаданных и статусов в браузере метрик.&lt;/li>
&lt;/ul>
&lt;p>&lt;strong>Какие виджеты фильтруются.&lt;/strong> Фильтр применяется к виджету, у которого в настройках включена галочка &lt;strong>Фильтровать по группе хостов&lt;/strong>. Она есть у виджетов на источнике PromQL и у виджетов на кубе &lt;code>Alerts&lt;/code> (источник OLAP); виджеты на других кубах группу не получают. Виджет, к которому применён фильтр, показывает в заголовке тег с именем группы и «+N» при нескольких выбранных.&lt;/p>
&lt;p>Ограничение по группе не расширяет права: роль с ограничениями по хостам и сервисам видит только пересечение своей области видимости и состава выбранных групп.&lt;/p>
&lt;p>&lt;strong>Состояния виджета:&lt;/strong>&lt;/p>
&lt;table>
&lt;thead>
&lt;tr>
&lt;th>Ситуация&lt;/th>
&lt;th>Что показывает виджет&lt;/th>
&lt;/tr>
&lt;/thead>
&lt;tbody>
&lt;tr>
&lt;td>В выбранной группе нет хостов&lt;/td>
&lt;td>«В группе «X» нет хостов». Кнопка &lt;strong>Открыть группу&lt;/strong> видна при праве &lt;code>resource_group:edit&lt;/code>&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>Выбранной группы нет (её переименовали или удалили)&lt;/td>
&lt;td>«Группа «X» не найдена. Её могли переименовать или удалить». Кнопка &lt;strong>Выбрать группу&lt;/strong> открывает список переменной&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>Выбрано несколько групп, часть из них найдена&lt;/td>
&lt;td>Обычные данные по найденным группам&lt;/td>
&lt;/tr>
&lt;/tbody>
&lt;/table>
&lt;p>&lt;strong>Встроенные дашборды.&lt;/strong> В версии 204 переменная добавлена на Proto-Linux-Root (фильтруются «Все хосты» и «Здоровье хостов») и Proto-Main-Root (фильтруются «Здоровье хостов» и «Топ хостов с проблемами»).&lt;/p>
&lt;p>&lt;strong>Колонка «Группы».&lt;/strong> В таблице «Все хосты» на Proto-Linux-Root есть колонка &lt;strong>Группы&lt;/strong>:&lt;/p>
&lt;ul>
&lt;li>показывает до двух тегов групп хоста и «+N» с подсказкой («Ещё: …») для остальных; у хоста без групп — прочерк;&lt;/li>
&lt;li>группа, выбранная в фильтре, подсвечена и стоит первой, остальные — по алфавиту;&lt;/li>
&lt;li>клик по тегу оставляет в фильтре только эту группу («Показать только группу «X»»);&lt;/li>
&lt;li>при выбранной группе хосты из её состава, по которым нет данных за период, добавляются в конец таблицы с серым тегом «нет данных» и прочерками вместо метрик. Соты здоровья такие хосты не показывают.&lt;/li>
&lt;/ul>
&lt;hr>
&lt;h2 id="операции-с-дашбордами">Операции с дашбордами&lt;/h2>
&lt;table>
&lt;thead>
&lt;tr>
&lt;th>Операция&lt;/th>
&lt;th>Описание&lt;/th>
&lt;/tr>
&lt;/thead>
&lt;tbody>
&lt;tr>
&lt;td>&lt;strong>Просмотр списка&lt;/strong>&lt;/td>
&lt;td>Раздел &lt;strong>Дашборды&lt;/strong> отображает список всех кастомных дашбордов&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>&lt;strong>Открытие&lt;/strong>&lt;/td>
&lt;td>Нажмите на название дашборда в списке&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>&lt;strong>Редактирование&lt;/strong>&lt;/td>
&lt;td>Нажмите иконку «ручка» в столбце &lt;strong>Операции&lt;/strong>&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>&lt;strong>Переименование&lt;/strong>&lt;/td>
&lt;td>Нажмите иконку «страница» в столбце &lt;strong>Опции&lt;/strong>&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>&lt;strong>Удаление&lt;/strong>&lt;/td>
&lt;td>Нажмите иконку красного крестика в столбце &lt;strong>Опции&lt;/strong>&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>&lt;strong>Поиск&lt;/strong>&lt;/td>
&lt;td>Текстовое поле для поиска дашбордов по названию&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>&lt;strong>Экспорт&lt;/strong>&lt;/td>
&lt;td>Сохранение дашборда в файл для передачи&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>&lt;strong>Импорт&lt;/strong>&lt;/td>
&lt;td>Загрузка дашборда из файла&lt;/td>
&lt;/tr>
&lt;/tbody>
&lt;/table>
&lt;hr>
&lt;h2 id="примеры">Примеры&lt;/h2>
&lt;p>&lt;strong>Пример 1: дашборд с PromQL-виджетами для мониторинга CPU&lt;/strong>&lt;/p>
&lt;ol>
&lt;li>Создайте новый дашборд&lt;/li>
&lt;li>Добавьте виджет типа &lt;strong>График&lt;/strong>&lt;/li>
&lt;li>В настройках виджета выберите источник данных &lt;strong>PromQL (Инфраструктурные метрики)&lt;/strong>&lt;/li>
&lt;li>Выберите тип визуализации &lt;strong>Линейная диаграмма&lt;/strong>&lt;/li>
&lt;li>Введите запрос:&lt;/li>
&lt;/ol>
&lt;div class="highlight">&lt;pre tabindex="0" class="chroma">&lt;code class="language-promql" data-lang="promql">&lt;span class="line">&lt;span class="cl">&lt;span class="kr">round&lt;/span>&lt;span class="o">(&lt;/span>&lt;span class="k">avg&lt;/span>&lt;span class="o">(&lt;/span>&lt;span class="nv">system_cpu_system&lt;/span>&lt;span class="p">{&lt;/span>&lt;span class="nl">host&lt;/span>&lt;span class="o">=~&lt;/span>&lt;span class="p">&amp;#34;&lt;/span>&lt;span class="s">.*central1.internal&lt;/span>&lt;span class="p">&amp;#34;}&lt;/span>&lt;span class="o">)&lt;/span>&lt;span class="w"> &lt;/span>&lt;span class="k">by&lt;/span>&lt;span class="w"> &lt;/span>&lt;span class="o">(&lt;/span>&lt;span class="nv">host&lt;/span>&lt;span class="o">)&lt;/span>&lt;span class="p">,&lt;/span>&lt;span class="w"> &lt;/span>&lt;span class="mf">0.1&lt;/span>&lt;span class="o">)&lt;/span>&lt;span class="w">
&lt;/span>&lt;/span>&lt;/span>&lt;/code>&lt;/pre>&lt;/div>&lt;ol start="6">
&lt;li>Задайте название виджета, например, «CPU по хостам»&lt;/li>
&lt;li>Сохраните дашборд&lt;/li>
&lt;/ol>
&lt;p>&lt;strong>Пример 2: виджет через OLAP Мастер для отслеживания времени отклика сервиса&lt;/strong>&lt;/p>
&lt;ol>
&lt;li>Создайте новый дашборд или откройте существующий на редактирование&lt;/li>
&lt;li>Добавьте виджет типа &lt;strong>График&lt;/strong>&lt;/li>
&lt;li>В настройках виджета выберите источник данных &lt;strong>OLAP Мастер (APM и EUM метрики)&lt;/strong>&lt;/li>
&lt;li>Выберите метрику, например, «Время отклика (P95)»&lt;/li>
&lt;li>Выберите сервис из выпадающего списка&lt;/li>
&lt;li>Выберите тип визуализации &lt;strong>Линейная диаграмма&lt;/strong>&lt;/li>
&lt;li>Задайте название виджета, например, «P95 время отклика — payment-service»&lt;/li>
&lt;li>Сохраните дашборд&lt;/li>
&lt;/ol>
&lt;!-- TODO: screenshot --></description></item><item><title>Guides: Виджет «Схема»</title><link>/docs/guides/dashboard_diagram/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>/docs/guides/dashboard_diagram/</guid><description>
&lt;div class="alert alert-info" role="alert">
&lt;h4 class="alert-heading">Версия&lt;/h4>
Виджет &lt;strong>«Схема»&lt;/strong> (Diagram) доступен начиная с версии 204.
&lt;/div>
&lt;p>На этой странице:&lt;/p>
&lt;ul>
&lt;li>&lt;a href="#%d1%87%d1%82%d0%be-%d1%8d%d1%82%d0%be">Что это&lt;/a>&lt;/li>
&lt;li>&lt;a href="#%d0%ba%d0%b0%d0%ba-%d0%b4%d0%be%d0%b1%d0%b0%d0%b2%d0%b8%d1%82%d1%8c">Как добавить&lt;/a>&lt;/li>
&lt;li>&lt;a href="#%d0%ba%d0%bb%d1%8e%d1%87-%d1%83%d0%b7%d0%bb%d0%b0">Ключ узла&lt;/a>&lt;/li>
&lt;li>&lt;a href="#%d0%bf%d1%80%d0%b8%d0%b2%d1%8f%d0%b7%d0%ba%d0%b8">Привязки&lt;/a>&lt;/li>
&lt;li>&lt;a href="#%d0%bf%d0%be%d0%b4%d1%81%d1%82%d0%b0%d0%bd%d0%be%d0%b2%d0%ba%d0%b8">Подстановки&lt;/a>&lt;/li>
&lt;li>&lt;a href="#%d0%bf%d0%be%d1%80%d0%be%d0%b3%d0%b8-%d0%b8-%d1%81%d1%82%d0%b0%d1%82%d1%83%d1%81">Пороги и статус&lt;/a>&lt;/li>
&lt;li>&lt;a href="#%d1%80%d0%b0%d0%bc%d0%ba%d0%b8-%d0%b8-%d1%81%d0%b2%d0%be%d0%b4%d0%ba%d0%b8">Рамки и сводки&lt;/a>&lt;/li>
&lt;li>&lt;a href="#%d0%bf%d0%b0%d0%bb%d0%b8%d1%82%d1%80%d0%b0">Палитра&lt;/a>&lt;/li>
&lt;li>&lt;a href="#%d0%bf%d0%b5%d1%80%d0%b5%d1%85%d0%be%d0%b4%d1%8b">Переходы&lt;/a>&lt;/li>
&lt;li>&lt;a href="#%d0%b2%d1%80%d0%b5%d0%bc%d1%8f-%d0%b8-%d0%be%d0%b1%d0%bd%d0%be%d0%b2%d0%bb%d0%b5%d0%bd%d0%b8%d0%b5">Время и обновление&lt;/a>&lt;/li>
&lt;li>&lt;a href="#%d0%bb%d0%b8%d0%bc%d0%b8%d1%82%d1%8b">Лимиты&lt;/a>&lt;/li>
&lt;li>&lt;a href="#%d0%be%d1%82%d1%87%d1%91%d1%82%d1%8b-%d0%b8-%d1%8d%d0%ba%d1%81%d0%bf%d0%be%d1%80%d1%82">Отчёты и экспорт&lt;/a>&lt;/li>
&lt;li>&lt;a href="#%d0%bf%d1%80%d0%b8%d0%bc%d0%b5%d1%80-%d0%ba%d1%80%d0%b5%d0%b4%d0%b8%d1%82%d0%bd%d1%8b%d0%b9-%d0%ba%d0%be%d0%bd%d0%b2%d0%b5%d0%b9%d0%b5%d1%80">Пример: кредитный конвейер&lt;/a>&lt;/li>
&lt;/ul>
&lt;h2 id="что-это">Что это&lt;/h2>
&lt;p>&lt;strong>Схема&lt;/strong> — диаграмма, которую автор пишет текстом на языке DOT: узлы, связи между ними,
рамки-площадки. Платформа раскладывает её сама и красит узлы по живым данным PromQL: обводка
или заливка показывает статус, в подписи стоят текущие значения, клик по узлу ведёт в нужный
раздел платформы.&lt;/p>
&lt;p>Структуру схемы задаёт только автор. Данные меняют цвета и числа, но не добавляют и не убирают
узлов: если сервиса нет на схеме, он на ней и не появится.&lt;/p>
&lt;h2 id="как-добавить">Как добавить&lt;/h2>
&lt;ol>
&lt;li>Откройте дашборд в режиме редактирования и добавьте виджет.&lt;/li>
&lt;li>В разделе &lt;strong>Выбор визуализации&lt;/strong> выберите источник &lt;strong>PromQL&lt;/strong> и тип &lt;strong>Схема&lt;/strong>.&lt;/li>
&lt;li>В разделе &lt;strong>Стили графика&lt;/strong> задайте исходник схемы и привязки. Поле запроса PromQL для
«Схемы» не используется: запросы живут в привязках.&lt;/li>
&lt;li>Сохраните виджет.&lt;/li>
&lt;/ol>
&lt;p>Исходник редактируется в поле с подсветкой синтаксиса; кнопка &lt;strong>Развернуть&lt;/strong> открывает его
на весь экран. Предпросмотр обновляется примерно через треть секунды после остановки набора.
Под предпросмотром видны счётчики: сколько строк данных не нашли узла, у скольких ключей
пришло несколько рядов, сколько узлов осталось без данных.&lt;/p>
&lt;p>Права на «Схему» — те же, что на дашборд, в котором она лежит.&lt;/p>
&lt;h2 id="ключ-узла">Ключ узла&lt;/h2>
&lt;p>Узел связывается с данными через &lt;strong>ключ&lt;/strong> — штатный атрибут &lt;code>id&lt;/code> вида &lt;code>префикс:хвост&lt;/code>.
Ключ можно дать вершине, рамке и ребру:&lt;/p>
&lt;div class="highlight">&lt;pre tabindex="0" class="chroma">&lt;code class="language-fallback" data-lang="fallback">&lt;span class="line">&lt;span class="cl">digraph example {
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl"> billing [id=&amp;#34;svc:billing&amp;#34;, label=&amp;#34;Расчёты&amp;#34;];
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl"> core [id=&amp;#34;res:network_switch:core-01&amp;#34;, label=&amp;#34;Коммутатор ядра&amp;#34;];
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl"> subgraph cluster_center { id=&amp;#34;site:center&amp;#34;; label=&amp;#34;Центр&amp;#34;; core; }
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl"> billing -&amp;gt; core [id=&amp;#34;link:billing-core&amp;#34;];
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">}
&lt;/span>&lt;/span>&lt;/code>&lt;/pre>&lt;/div>&lt;p>Подпись (&lt;code>label&lt;/code>) пишется для человека, ключ — для платформы. Переименование подписи данные
не ломает.&lt;/p>
&lt;h2 id="привязки">Привязки&lt;/h2>
&lt;p>Привязка говорит, откуда брать данные для ключей с данным префиксом:&lt;/p>
&lt;table>
&lt;thead>
&lt;tr>
&lt;th>Поле&lt;/th>
&lt;th>Значение&lt;/th>
&lt;/tr>
&lt;/thead>
&lt;tbody>
&lt;tr>
&lt;td>&lt;strong>Префикс ключа&lt;/strong>&lt;/td>
&lt;td>Оканчивается двоеточием: &lt;code>svc:&lt;/code>, &lt;code>res:network_switch:&lt;/code>, &lt;code>site:&lt;/code>&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>&lt;strong>Метка ключа&lt;/strong>&lt;/td>
&lt;td>Метка ряда PromQL, значение которой совпадает с хвостом ключа, например &lt;code>service&lt;/code>&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>&lt;strong>Показатели&lt;/strong>&lt;/td>
&lt;td>До пяти: имя (латиница, цифры, подчёркивание, с буквы), запрос PromQL, единица, знаков после запятой, пороги&lt;/td>
&lt;/tr>
&lt;/tbody>
&lt;/table>
&lt;p>Правила сопоставления:&lt;/p>
&lt;ul>
&lt;li>Для ключа выбирается привязка с &lt;strong>самым длинным&lt;/strong> совпавшим префиксом. &lt;code>res:network_switch:&lt;/code>
выигрывает у &lt;code>res:&lt;/code>.&lt;/li>
&lt;li>Хвост ключа сравнивается со значением метки ряда &lt;strong>точно&lt;/strong>, с учётом регистра.&lt;/li>
&lt;li>Если на один ключ пришло несколько рядов, берётся худший статус. Лучше агрегировать в самом
запросе: &lt;code>max by (service) (…)&lt;/code>.&lt;/li>
&lt;li>Ряд, для которого на схеме нет узла, пропускается.&lt;/li>
&lt;li>Переменные дашборда подставляются в запросы привязок. В исходник схемы они не подставляются.&lt;/li>
&lt;/ul>
&lt;h2 id="подстановки">Подстановки&lt;/h2>
&lt;p>В &lt;code>label&lt;/code> и &lt;code>tooltip&lt;/code> можно вставлять значения:&lt;/p>
&lt;table>
&lt;thead>
&lt;tr>
&lt;th>Подстановка&lt;/th>
&lt;th>Что подставится&lt;/th>
&lt;/tr>
&lt;/thead>
&lt;tbody>
&lt;tr>
&lt;td>&lt;code>${value}&lt;/code>&lt;/td>
&lt;td>Значение первого показателя привязки&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>&lt;code>${имя}&lt;/code>&lt;/td>
&lt;td>Значение показателя с этим именем, например &lt;code>${errors}&lt;/code>&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>&lt;code>${status}&lt;/code>&lt;/td>
&lt;td>Статус узла: «Норма», «Предупреждение», «Авария», «Нет данных»&lt;/td>
&lt;/tr>
&lt;/tbody>
&lt;/table>
&lt;p>Раскладка считается один раз на исходник, а числа в подписях меняются на каждом обновлении.
Чтобы узел не менял размер и не наезжал на соседей, ширину вершины с числом задавайте явно:&lt;/p>
&lt;div class="highlight">&lt;pre tabindex="0" class="chroma">&lt;code class="language-fallback" data-lang="fallback">&lt;span class="line">&lt;span class="cl">node [shape=box, width=1.8, fixedsize=true];
&lt;/span>&lt;/span>&lt;/code>&lt;/pre>&lt;/div>&lt;h2 id="пороги-и-статус">Пороги и статус&lt;/h2>
&lt;p>Порог — диапазон «от — до» и статус: норма, предупреждение или авария. «От» входит в диапазон,
«до» — нет; пустая граница означает «без ограничения».&lt;/p>
&lt;ul>
&lt;li>Правила проверяются по порядку, срабатывает первое совпавшее.&lt;/li>
&lt;li>Значение не попало ни в одно правило — &lt;strong>норма&lt;/strong>.&lt;/li>
&lt;li>Ряда нет — &lt;strong>нет данных&lt;/strong>: узел серый и приглушён. Это не ошибка.&lt;/li>
&lt;li>Показатель без порогов на статус не влияет, его значение только выводится в подпись.&lt;/li>
&lt;li>Статус узла — худший среди его показателей с порогами. Порядок: авария, предупреждение,
нет данных, норма.&lt;/li>
&lt;/ul>
&lt;p>Как показывать статус, выбирает переключатель &lt;strong>Покраска статуса&lt;/strong>: &lt;strong>Обводка&lt;/strong> (цветная рамка
фигуры и точка-маркер) или &lt;strong>Заливка&lt;/strong> (вся фигура цвета статуса). Статус дублируется текстом
в подсказке и в легенде, поэтому читается и без различения цветов.&lt;/p>
&lt;p>Легенда внизу виджета показывает только встречающиеся статусы с числом узлов. В развороте
виджета клик по статусу в легенде подсвечивает его узлы и приглушает остальные.&lt;/p>
&lt;h2 id="рамки-и-сводки">Рамки и сводки&lt;/h2>
&lt;p>Подграф с именем &lt;code>cluster_…&lt;/code> рисуется рамкой — площадка, стойка, кластер. Статус рамки —
худший среди всех её узлов на любой глубине вложенности, плюс собственный ключ рамки, если он
задан.&lt;/p>
&lt;p>Когда схема мелкая и подписи рамок уже не читаются, у внешних рамок появляется &lt;strong>сводка&lt;/strong>:
точка худшего статуса и «Проблемных: N» (аварии и предупреждения). Сводки выключаются
переключателем &lt;strong>Сводки рамок&lt;/strong>.&lt;/p>
&lt;h2 id="палитра">Палитра&lt;/h2>
&lt;p>Нестатусный цвет — например, чтобы отличить площадки фоном — задаётся именем из палитры:&lt;/p>
&lt;div class="highlight">&lt;pre tabindex="0" class="chroma">&lt;code class="language-fallback" data-lang="fallback">&lt;span class="line">&lt;span class="cl">subgraph cluster_br1 { label=&amp;#34;Филиал 1&amp;#34;; style=filled; fillcolor=&amp;#34;pal:teal&amp;#34;; }
&lt;/span>&lt;/span>&lt;/code>&lt;/pre>&lt;/div>&lt;p>Имена: &lt;code>gray&lt;/code>, &lt;code>slate&lt;/code>, &lt;code>blue&lt;/code>, &lt;code>teal&lt;/code>, &lt;code>green&lt;/code>, &lt;code>olive&lt;/code>, &lt;code>sand&lt;/code>, &lt;code>violet&lt;/code>. Цвета палитры
подстраиваются под светлую и тёмную тему. Цвета, заданные кодом (&lt;code>#ff0000&lt;/code>), под тему не
подстраиваются — редактор о них предупредит.&lt;/p>
&lt;h2 id="переходы">Переходы&lt;/h2>
&lt;p>Атрибут &lt;code>URL&lt;/code> делает узел ссылкой. Короткие адреса ведут на страницу объекта по имени:&lt;/p>
&lt;table>
&lt;thead>
&lt;tr>
&lt;th>Адрес&lt;/th>
&lt;th>Куда ведёт&lt;/th>
&lt;/tr>
&lt;/thead>
&lt;tbody>
&lt;tr>
&lt;td>&lt;code>/go/service/имя&lt;/code>&lt;/td>
&lt;td>Сервис&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>&lt;code>/go/service-group/имя&lt;/code>&lt;/td>
&lt;td>Группа сервисов&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>&lt;code>/go/host/имя&lt;/code>&lt;/td>
&lt;td>Хост&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>&lt;code>/go/vsphere-cluster/имя&lt;/code>&lt;/td>
&lt;td>Кластер виртуализации&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>&lt;code>/go/vsphere-datacenter/имя&lt;/code>&lt;/td>
&lt;td>Датацентр виртуализации&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>&lt;code>/go/business-process/имя&lt;/code>&lt;/td>
&lt;td>Бизнес-процесс&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>&lt;code>/go/postgres/имя&lt;/code>, &lt;code>/go/mssql/имя&lt;/code>, &lt;code>/go/redis/имя&lt;/code>&lt;/td>
&lt;td>Экземпляр СУБД&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>&lt;code>/rsm/resources/list?tab=table&amp;amp;search=имя&lt;/code>&lt;/td>
&lt;td>Ресурс в ресурсной модели&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>&lt;code>/rsm/resources/list?tab=table&amp;amp;tags=тег&lt;/code>&lt;/td>
&lt;td>Ресурсы площадки по тегу&lt;/td>
&lt;/tr>
&lt;/tbody>
&lt;/table>
&lt;p>Внешние адреса (&lt;code>https://…&lt;/code>) открываются в новой вкладке. Ctrl-клик или Cmd-клик открывает в
новой вкладке и внутренний адрес. Ссылки других видов, например &lt;code>javascript:&lt;/code>, ссылками не
становятся.&lt;/p>
&lt;h2 id="время-и-обновление">Время и обновление&lt;/h2>
&lt;p>Схема показывает состояние на &lt;strong>конец выбранного окна&lt;/strong> дашборда: если окно в прошлом, значения
тоже из прошлого.&lt;/p>
&lt;p>Своей частоты обновления у «Схемы» нет: она обновляется вместе с дашбордом — по кнопке
&lt;strong>Обновить&lt;/strong>, по автообновлению и при смене окна или переменных. Раскладка при этом не
пересчитывается, меняются только цвета и числа.&lt;/p>
&lt;p>Если обновление не удалось, на схеме остаются последние значения, а в заголовке виджета
появляется пометка, как у остальных виджетов. Если запросы привязок не выполнились при первой
загрузке, вместо схемы показывается ошибка — проверьте запросы в предпросмотре.&lt;/p>
&lt;h2 id="лимиты">Лимиты&lt;/h2>
&lt;ul>
&lt;li>Исходник — не больше &lt;strong>100 КБ&lt;/strong>. Больший исходник редактор не сохраняет, а импорт дашборда
с ним отклоняется.&lt;/li>
&lt;li>Построение дольше &lt;strong>секунды&lt;/strong> — предупреждение в редакторе; живой предпросмотр выключается.&lt;/li>
&lt;li>Раскладки &lt;code>fdp&lt;/code>, &lt;code>neato&lt;/code>, &lt;code>circo&lt;/code> и &lt;code>sfdp&lt;/code> на больших схемах в разы медленнее основной.&lt;/li>
&lt;li>Ошибка в исходнике показывается плашкой с номером строки — в плитке, в редакторе и в отчёте.&lt;/li>
&lt;/ul>
&lt;h2 id="отчёты-и-экспорт">Отчёты и экспорт&lt;/h2>
&lt;p>Схема попадает в PDF-отчёт и письмо, а также в экспорт дашборда в PDF и виджета в PNG.&lt;/p>
&lt;p>Большая схема в PDF показывается на уровне обзора: сводки рамок и проблемные узлы различимы,
мелкие подписи не гарантируются. Для отчёта лучше держать отдельную схему верхнего уровня.&lt;/p>
&lt;h2 id="пример-кредитный-конвейер">Пример: кредитный конвейер&lt;/h2>
&lt;p>Цепочка сервисов кредитного конвейера, подписи показывают долю ошибок:&lt;/p>
&lt;div class="highlight">&lt;pre tabindex="0" class="chroma">&lt;code class="language-gdscript3" data-lang="gdscript3">&lt;span class="line">&lt;span class="cl">&lt;span class="n">digraph&lt;/span> &lt;span class="n">conveyor&lt;/span> &lt;span class="p">{&lt;/span>
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl"> &lt;span class="n">rankdir&lt;/span>&lt;span class="o">=&lt;/span>&lt;span class="n">LR&lt;/span>&lt;span class="p">;&lt;/span>
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl"> &lt;span class="n">node&lt;/span> &lt;span class="p">[&lt;/span>&lt;span class="n">shape&lt;/span>&lt;span class="o">=&lt;/span>&lt;span class="n">box&lt;/span>&lt;span class="p">,&lt;/span> &lt;span class="n">width&lt;/span>&lt;span class="o">=&lt;/span>&lt;span class="mf">1.8&lt;/span>&lt;span class="p">,&lt;/span> &lt;span class="n">fixedsize&lt;/span>&lt;span class="o">=&lt;/span>&lt;span class="bp">true&lt;/span>&lt;span class="p">];&lt;/span>
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl"> &lt;span class="n">gateway&lt;/span> &lt;span class="p">[&lt;/span>&lt;span class="n">id&lt;/span>&lt;span class="o">=&lt;/span>&lt;span class="s2">&amp;#34;svc:api-gateway&amp;#34;&lt;/span>&lt;span class="p">,&lt;/span> &lt;span class="n">label&lt;/span>&lt;span class="o">=&lt;/span>&lt;span class="s2">&amp;#34;Шлюз API&lt;/span>&lt;span class="se">\n&lt;/span>&lt;span class="s2">${value}&amp;#34;&lt;/span>&lt;span class="p">,&lt;/span> &lt;span class="n">URL&lt;/span>&lt;span class="o">=&lt;/span>&lt;span class="s2">&amp;#34;/go/service/api-gateway&amp;#34;&lt;/span>&lt;span class="p">];&lt;/span>
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl"> &lt;span class="n">app&lt;/span> &lt;span class="p">[&lt;/span>&lt;span class="n">id&lt;/span>&lt;span class="o">=&lt;/span>&lt;span class="s2">&amp;#34;svc:application-service&amp;#34;&lt;/span>&lt;span class="p">,&lt;/span> &lt;span class="n">label&lt;/span>&lt;span class="o">=&lt;/span>&lt;span class="s2">&amp;#34;Приём заявки&lt;/span>&lt;span class="se">\n&lt;/span>&lt;span class="s2">${value}&amp;#34;&lt;/span>&lt;span class="p">];&lt;/span>
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl"> &lt;span class="n">scoring&lt;/span> &lt;span class="p">[&lt;/span>&lt;span class="n">id&lt;/span>&lt;span class="o">=&lt;/span>&lt;span class="s2">&amp;#34;svc:credit-scoring-service&amp;#34;&lt;/span>&lt;span class="p">,&lt;/span> &lt;span class="n">label&lt;/span>&lt;span class="o">=&lt;/span>&lt;span class="s2">&amp;#34;Скоринг&lt;/span>&lt;span class="se">\n&lt;/span>&lt;span class="s2">${value}&amp;#34;&lt;/span>&lt;span class="p">,&lt;/span> &lt;span class="n">tooltip&lt;/span>&lt;span class="o">=&lt;/span>&lt;span class="s2">&amp;#34;Скоринг: ${value}, ${status}&amp;#34;&lt;/span>&lt;span class="p">];&lt;/span>
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl"> &lt;span class="n">decision&lt;/span> &lt;span class="p">[&lt;/span>&lt;span class="n">id&lt;/span>&lt;span class="o">=&lt;/span>&lt;span class="s2">&amp;#34;svc:decision-service&amp;#34;&lt;/span>&lt;span class="p">,&lt;/span> &lt;span class="n">label&lt;/span>&lt;span class="o">=&lt;/span>&lt;span class="s2">&amp;#34;Решение&lt;/span>&lt;span class="se">\n&lt;/span>&lt;span class="s2">${value}&amp;#34;&lt;/span>&lt;span class="p">];&lt;/span>
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl"> &lt;span class="n">gateway&lt;/span> &lt;span class="o">-&amp;gt;&lt;/span> &lt;span class="n">app&lt;/span> &lt;span class="o">-&amp;gt;&lt;/span> &lt;span class="n">scoring&lt;/span> &lt;span class="o">-&amp;gt;&lt;/span> &lt;span class="n">decision&lt;/span>&lt;span class="p">;&lt;/span>
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">&lt;span class="p">}&lt;/span>
&lt;/span>&lt;/span>&lt;/code>&lt;/pre>&lt;/div>&lt;p>Привязка:&lt;/p>
&lt;table>
&lt;thead>
&lt;tr>
&lt;th>Поле&lt;/th>
&lt;th>Значение&lt;/th>
&lt;/tr>
&lt;/thead>
&lt;tbody>
&lt;tr>
&lt;td>Префикс ключа&lt;/td>
&lt;td>&lt;code>svc:&lt;/code>&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>Метка ключа&lt;/td>
&lt;td>&lt;code>service&lt;/code>&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>Показатель&lt;/td>
&lt;td>имя &lt;code>errors&lt;/code>, запрос &lt;code>services_errorcallsperc&lt;/code>, единица &lt;code>%&lt;/code>, знаков после запятой &lt;code>1&lt;/code>&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>Пороги&lt;/td>
&lt;td>от 1 — предупреждение; от 5 — авария&lt;/td>
&lt;/tr>
&lt;/tbody>
&lt;/table>
&lt;p>Узел с долей ошибок от 1 до 5 % получит обводку предупреждения, от 5 % — аварии; сервис без
данных станет серым.&lt;/p></description></item></channel></rss>