Настройка виджетов

Пользователь по своему усмотрению может настраивать виджеты.

Просмотр виджетов дашборда

В списке нажмите на название дашборда. Откроется его карточка с добавленными виджетами и инструментами для дополнительной настройки параметров. Внешний вид виджетов зависит от выбранного процесса создания или редактирования типа визуализации: временной ряд, текст или статистический график.

Графики со значениями метрик можно обновить, нажав Обновить графики, а также задать интервалы автоматического обновления.

Чтобы изменить расположение виджетов на дашборде, наведите курсор на название виджета и перетащите карточку в нужное место формы.

Для просмотра метрик за определенный период в поле Период выберите интервал из списка или перейдите в Настроить период и с помощью календаря задайте нужное значение. Установленный интервал применится ко всем виджетам этого дашборда.

Создание виджета

  1. В карточке выбранного дашборда нажмите Добавить виджет.

    Подсказка

    Найти нужный дашборд в общем списке можно с помощью поисковой строки.

  2. В блоке Тип виджета выберите тип визуализации нового виджета и укажите соответствующие параметры.

    В этом случае на дашборд будет добавлен виджет в виде временного ряда.

    • Укажите название виджета.

    • Настройте легенду:

      • с помощью флага задайте, показывать легенду на экране или нет;

      • выберите вид легенды: список или таблица;

      • задайте расположение легенды на виджете: слева внизу или справа вверху от графика с метриками.

    • Настройте тип визуализации графиков Левая ось. Выберите категорию из списка и тип визуализации графиков:

      Линии

      Задайте:

      • Тип интерполяции данных на графике:

        • Линейная — соседние значения метрики (точки на графике) соединяются прямыми линиями.

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

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

          Важно

          На графиках могут наблюдаться разрывы или одиночные точки в следующих случаях:

          • если было получено одиночное или изолированное значение временного ряда (до и после данной точки как минимум за две временные метки не было значений метрики), то на графике для выбранного временного интервала наблюдается одиночная точка, справа и слева от которой отображается разрыв;

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

      • Толщину линии на графике — от 1 до 5. По умолчанию толщина линии равна 2.

      • Степень прозрачности закрашивания области под линией — от 0 до 100. Цвет окрашивания области соответствует цвету линии конкретного временного ряда. По умолчанию установлена прозрачность 100 — область прозрачная и не окрашенная.

      • Показывать точки на линии или нет. По умолчанию данная опция выключена.

      • Размер точек для отображения на линии — от 1 до 5. Поле активируется после выбора Показывать точки. По умолчанию размер точек равен 2.

      Столбцы

      Задайте:

      • Тип выравнивания столбцов относительно точек получения данных: по левому краю, по правому краю или посередине. По умолчанию задано выравнивание Посередине.

      • Толщину линий столбцов на графике — от 1 до 5. По умолчанию толщина линии равна 2.

      • Степень прозрачности закрашивания области столбца — от 0 до 100. Цвет окрашивания области соответствует цвету конкретного временного ряда. По умолчанию установлена прозрачность 0.

      • Показывать точки на линии или окантовке столбца или нет. По умолчанию данная опция выключена.

      • Размер точек для отображения на столбце — от 1 до 5. Поле активируется после выбора Показывать точки. По умолчанию размер точек равен 2.

      Точки

      Задайте:

      • Размер точек для отображения на графике — от 1 до 5. По умолчанию размер точек равен 2.

  3. В поле Запрос с помощью языков PromQL и MetricsQL введите запрос для получения метрик.

  4. Заполните легенду в карточке запроса текстом или с помощью макроса {{label.name}} подставьте значение лейбла метрики.

    Подсказка

    Выполните дополнительные настройки:

    Скройте или отобразите запрос

    Снимите или установите флаг Показывать.

    Измените запрос

    Нажмите Прикрепить файл и выберите Редактировать.

    Измените расположение карточки запроса

    Нажмите Прикрепить файл и перетащите блок выше или ниже в списке запросов.

    Скопируйте запрос с теми же параметрами

    Нажмите Прикрепить файл и выберите Копировать.

    Сверните карточку запроса

    Нажмите Прикрепить файл.

    Создайте дополнительный запрос

    Нажмите Создать запрос. Заполните карточку нового запроса.

    В рамках одного виджета можно создать несколько запросов. Но на виджете отобразятся только 25 временных рядов.

    Для запросов, результаты которых частично или совсем не попали на виджет, в режиме редактирования появится сообщение, что достигнуто максимальное количество временных рядов. В случае ошибки в режиме редактирования виджета появится сообщение об этом.

  5. Нажмите Сохранить изменения.

Изменение параметров виджета

  1. В карточке дашборда выберите виджет и нажмите Прикрепить файл.

  2. Внесите нужные изменения и сохраните изменения.

Удаление виджета

  1. В карточке дашборда выберите виджет и нажмите Прикрепить файл.

  2. Чтобы подтвердить операцию, нажмите Удалить.

Запустили Evolution free tier
для Dev & Test
Получить