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

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

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

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

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

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

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

Временной период можно изменить одновременно на всех виджетах дашборда с помощью кнопок:

  • Кнопка с указателем вправо — временной период для просмотра метрик изменится на более поздний. Шаг сдвига будет равен значению, выбранному в поле Период.

  • Кнопка с указателем влево — временной период изменится на более ранний. Шаг сдвига будет равен значению, выбранному в поле Период.

  • Кнопка с символом плюса — временной период, выбранный в поле Период, отобразится в формате ДД.ММ.ГГГГ --- ДД.ММ.ГГГГ и уменьшится в два раза при однократном нажатии кнопки.

  • Кнопка с символом минуса — временной период, выбранный в поле Период, отобразится в формате ДД.ММ.ГГГГ --- ДД.ММ.ГГГГ и увеличится в два раза при однократном нажатии кнопки.

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

Чтобы посмотреть описание виджета, если оно было заполнено в преднастроенной конфигурации, наведите курсор на Кнопка с изображением знака вопроса рядом с названием виджета.

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

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

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

    Подсказка

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

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


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

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

    • Добавьте описание виджета. В этом случае в карточке виждета, рядом с названием, появится Кнопка с изображением знака вопроса, нажав на который можно посмотреть описание.

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

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

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

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

    • Настройте Левую ось:

      • Выберите категорию:

        • Без размерности;

        • Длительность;

        • Проценты — 0 – 1;

        • Проценты — 0 – 100;

        • Объем данных;

        • Передача данных.

      • Выберите тип визуализации графиков:

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

  4. Для заполнения легенды можно использовать текст, лейбл (один или несколько) и комбинацию текста и лейблов.

    Чтобы увидеть раскрывающийся список с лейблами, которые можно использовать в легенде запроса, в карточке запроса введите {{. После выбора нужного лейбла легенда автоматически заполнитеся макросом {{label.name}}. Например, {{endpoint}}, где endpoint — название лейбла.

    Подсказка

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

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

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

  1. В карточке дашборда выберите виджет и нажмите Кнопка с изображением карандаша 1.

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

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

  1. В карточке дашборда выберите виджет, нажмите Кнопка с изображением трех вертикальных точек, а затем Кнопка удаления 1 Удалить.

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

Evolution