---
title: 'Управлять пользовательскими дашбордами метрик'
sidebar_label: 'Управлять пользовательскими дашбордами'
description: 'Как управлять и просматривать пользовательские дашборды'
sidebar_position: 2
---

import Formbricks from '@theme/MDXComponents/Formbricks'
import PlusIcon from '@selectel/docux/icons/plus'
import MoreVerticalIcon from '@selectel/docux/icons/more-vertical'
import Tabs from '@theme/Tabs'
import TabItem from '@theme/TabItem'
import {TabItemLabel} from '@selectel/docux/components'
import EditIcon from '@selectel/docux/icons/edit'
import ChevronRightIcon from '@selectel/docux/icons/chevron-right'
import SaveIcon from '@selectel/docux/icons/save'
import CheckIcon from '@selectel/docux/icons/check'
import TtIconIcon from '@selectel/docux/icons/tt-icon'

# Управлять пользовательскими дашбордами метрик

В панели управления вы можете создавать пользовательские дашборды и настраивать виджеты на них для визуализации метрик продуктов и сервисов Selectel без использования сторонних приложений.
Подробнее в разделе [Пользовательские дашборды](/metrics/about/)

## Создать дашборд \{#create-dashboard}

1. В [панели управления](https://my.selectel.ru/observability/default/dashboard) в верхнем меню нажмите **Продукты** и выберите **Метрики**.

2. Перейдите в раздел **Дашборды** → вкладка **Мои дашборды**.

3. Нажмите **Создать дашборд**.

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

5. Выберите [локации](/infrastructure/locations.mdx), метрики из которых будут отображаться на дашборде.

6. Введите имя дашборда. Максимум можно ввести 255 символов.

7. Опционально: введите описание дашборда. Максимум можно ввести 255 символов.

8. Добавьте переменные (лейблы и их значения) для фильтрации данных на виджетах дашборда.

   8.1. В блоке **Переменные** нажмите <PlusIcon />.

   8.2. Выберите лейбл.

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

   8.4. Чтобы добавить несколько лейблов и значений повторите шаги 8.1—8.3.

   Переменные будут применяться к виджетам дашборда, у которых при [добавлении](#add-widget) на шаге 8 вы выбрали тип **Использовать переменные дашборда**.
   Если для виджета выбран тип фильтра **Применить мои значения лейблов** и настроены свои переменные, к виджету не применяются переменные дашборда.

9. Нажмите **Создать дашборд**.

## Посмотреть дашборд \{#open-dashboard}

1. В [панели управления](https://my.selectel.ru/observability/default/dashboard) в верхнем меню нажмите **Продукты** и выберите **Метрики**.

2. Перейдите в раздел **Дашборды** → вкладка **Мои дашборды**.

3. Откройте страницу дашборда.

4. Настройте фильтры дашборда, которые применятся к [добавленным виджетам](#add-widget):

   4.1. В поле **Источник** выберите проекты, метрики которого нужно посмотреть.
   В списке доступны только те проекты, к которым у пользователя есть доступ.
   Подробнее в разделе [Управление доступом к метрикам](/metrics/about/manage-access.mdx).

   4.2. В поле **Локация** выберите [локации](/infrastructure/locations.mdx), в которых нужно посмотреть метрики. Подробнее о доступных локациях сервиса в инструкции [Доступность метрик в локациях](/metrics/about/metrics-availability-by-location.mdx).

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

   4.4. Опционально: выберите готовый диапазон или укажите период, за который вам нужны метрики. По умолчанию выбран период **1 день**.

   4.5. Опционально: выберите **Время UTC** или **Локальное время** для отображаемого времени метрик.

   4.6. Нажмите **Выполнить**.

5. Опционально: добавьте отображение легенды виджета на график.
   Для этого в меню <MoreVerticalIcon /> виджета нажмите **Показать легенду**.

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

7. Сохраните фильтры, которые вы настроили. Для этого нажмите <SaveIcon />.

## Изменить настройки дашборда \{#change-dashboard-settings}

1. В [панели управления](https://my.selectel.ru/observability/default/dashboard) в верхнем меню нажмите **Продукты** и выберите **Метрики**.

2. Перейдите в раздел **Дашборды** → вкладка **Мои дашборды**.

3. В меню <MoreVerticalIcon /> дашборда выберите **Изменить настройки**.

4. Измените необходимые настройки дашборда.

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

## Копировать дашборд \{#copy-dashboard}

1. В [панели управления](https://my.selectel.ru/observability/default/dashboard) в верхнем меню нажмите **Продукты** и выберите **Метрики**.

2. Перейдите в раздел **Дашборды** → вкладка **Мои дашборды**.

3. В меню <MoreVerticalIcon /> дашборда выберите **Создать копию**.

4. При необходимости измените настройки скопированного дашборда.

5. Нажмите **Создать дашборд**.

## Удалить дашборд \{#delete-dashboard}

1. В [панели управления](https://my.selectel.ru/observability/default/dashboard) в верхнем меню нажмите **Продукты** и выберите **Метрики**.

2. Перейдите в раздел **Дашборды** → вкладка **Мои дашборды**.

3. В меню <MoreVerticalIcon /> дашборда выберите **Удалить дашборд**.

4. Введите имя дашборда.

5. Нажмите **Удалить**.

## Управлять виджетами дашборда \{#manage-widgets}

### Добавить виджет \{#add-widget}

Количество виджетов, которые можно добавить на дашборд, – 30.
На каждый виджет можно добавить максимум пять запросов.

<Tabs queryString="add-widget">
  <TabItem value="query-builder">
    <TabItemLabel>
      Билдер запроса
    </TabItemLabel>

    1. В [панели управления](https://my.selectel.ru/observability/default/dashboard) в верхнем меню нажмите **Продукты** и выберите **Метрики**.

    2. Перейдите в раздел **Дашборды** → вкладка **Мои дашборды**.

    3. Откройте страницу дашборда.

    4. Нажмите **Добавить виджет**.

    5. Введите имя виджета.

    6. Нажмите **Добавить билдер запроса**.

    7. Выберите метрику для запроса.

    8. Выберите тип фильтров:

       * **Использовать переменные дашборда** — к данным виджета будут применяться переменные, которые вы добавили при [создании дашборда](#create-dashboard) на шаге 8.
       * **Применить мои значения лейблов** — к данным виджета будут применяться переменные, отличные от фильтров дашборда.

       8.1. Если вы выбрали тип фильтра **Применить мои значения лейблов**, нажмите <PlusIcon />, чтобы добавить переменную.

       8.2. Выберите лейбл и его значения для фильтрации.

       8.3. Если нужно добавить больше одного фильтра, повторите шаги 8.1—8.2.
       Несколько фильтров будут работать через логическое `И`.

       8.4. Нажмите **Сохранить фильтр**.

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

    10. Нажмите <ChevronRightIcon />, чтобы выполнить запрос и отобразить данные метрик на графике виджета.

    11. Если вам нужно добавить несколько запросов, повторите шаги 6–10.

    12. Опционально: настройте вид графика.

        12.1. Выберите тип графика.

        12.2. Выберите единицу измерения для оси Y.

        12.3. Если на шаге 12.1 вы выбрали тип графика **Значение** вы можете указать пороги значений. Для этого включите тумблер **Пороги** и укажите пороги.

    13. Нажмите **Сохранить**.
  </TabItem>

  <TabItem value="promql-query">
    <TabItemLabel>
      PromQL-запрос
    </TabItemLabel>

    1. В [панели управления](https://my.selectel.ru/observability/default/dashboard) в верхнем меню нажмите **Продукты** и выберите **Метрики**.

    2. Перейдите в раздел **Дашборды** → вкладка **Мои дашборды**.

    3. Откройте страницу дашборда.

    4. Нажмите **Добавить виджет**.

    5. Введите имя виджета.

    6. Нажмите **Добавить PromQL-запрос**.

    7. Выберите пространство имен для запроса.

    8. Введите PromQL-запрос.
       Подробнее о базовом синтаксисе таких запросов в инструкции [Querying basics](https://prometheus.io/docs/prometheus/latest/querying/basics/) документации Prometheus.

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

    10. Нажмите <ChevronRightIcon />, чтобы выполнить запрос и отобразить данные метрик на графике виджета. Примеры запросов:

        * объем переданных данных по сети за период:

          ```promql
          sum(avg_over_time(network_receive_bits_rate[1h])) * 3600 / 8 / 1024 / 1024
          ```

        * средняя загрузка CPU по проектам:

          ```promql
          avg by (project_name) (
              cpu_usage_ratio * on (server_uuid) group_left(project_name) server_meta_info
          )
          ```

    11. Если вам нужно добавить несколько запросов, повторите шаги 6–10. Можно добавить пять запросов на виджет.

    12. Опционально: настройте вид графика.

        12.1. Выберите тип графика.

        12.2. Выберите единицу измерения для оси Y.

        12.3. Если на шаге 12.1 вы выбрали тип графика **Значение** вы можете указать пороги значений. Для этого включите тумблер **Пороги** и укажите пороги.

    13. Нажмите **Сохранить**.
  </TabItem>
</Tabs>

### Изменить настройки виджета \{#change-widget-settings}

1. В [панели управления](https://my.selectel.ru/observability/default/dashboard) в верхнем меню нажмите **Продукты** и выберите **Метрики**.

2. Перейдите в раздел **Дашборды** → вкладка **Мои дашборды**.

3. Откройте страницу дашборда.

4. В меню <MoreVerticalIcon /> виджета выберите **Редактировать**.

5. Измените необходимые настройки виджета.

6. Нажмите **Сохранить**, чтобы принять изменения.

### Изменить расположение виджета \{#change-widget-location}

1. В [панели управления](https://my.selectel.ru/observability/default/dashboard) в верхнем меню нажмите **Продукты** и выберите **Метрики**.

2. Перейдите в раздел **Дашборды** → вкладка **Мои дашборды**.

3. Откройте страницу дашборда.

4. Перетащите виджет, чтобы изменить его положение на дашборде.

5. Опицонально: измените размер виджета. Для этого зажмите нижний угол виджета и потяните его.

6. Сохраните изменения на дашборде. Для этого нажмите <SaveIcon />.

### Удалить виджет \{#delete-widget}

1. В [панели управления](https://my.selectel.ru/observability/default/dashboard) в верхнем меню нажмите **Продукты** и выберите **Метрики**.

2. Перейдите в раздел **Дашборды** → вкладка **Мои дашборды**.

3. Откройте страницу дашборда.

4. В меню <MoreVerticalIcon /> виджета выберите **Удалить виджет**.

5. Нажмите <SaveIcon />, чтобы сохранить изменения на дашборде.

## Управлять секциями дашборда \{#manage-sections}

### Добавить секцию \{#add-section}

1. В [панели управления](https://my.selectel.ru/observability/default/dashboard) в верхнем меню нажмите **Продукты** и выберите **Метрики**.

2. Перейдите в раздел **Дашборды** → вкладка **Мои дашборды**.

3. Откройте страницу дашборда.

4. Нажмите **Добавить секцию**.

5. Опционально: введите название секции.

6. Перетащите виджеты в секцию.

7. Нажмите <SaveIcon />, чтобы сохранить изменения на дашборде.

### Удалить секцию \{#delete-section}

1. В [панели управления](https://my.selectel.ru/observability/default/dashboard) в верхнем меню нажмите **Продукты** и выберите **Метрики**.

2. Перейдите в раздел **Дашборды** → вкладка **Мои дашборды**.

3. Откройте страницу дашборда.

4. В меню <MoreVerticalIcon /> секции выберите:

   * **Удалить только секцию** — виджеты секции будут разгруппированы, но не удалятся;
   * **Удалить секцию вместе с виджетами** — секция удалится вместе с добавленными в нее виджетами.

5. Нажмите <SaveIcon />, чтобы сохранить изменения на дашборде.

## Добавить текстовую заметку \{#add-note}

1. В [панели управления](https://my.selectel.ru/observability/default/dashboard) в верхнем меню нажмите **Продукты** и выберите **Метрики**.

2. Перейдите в раздел **Дашборды** → вкладка **Мои дашборды**.

3. Откройте страницу дашборда.

4. Нажмите <TtIconIcon />.

5. Выберите размер текста.

6. Введите текст.

7. Нажмите <CheckIcon />.

8. Нажмите <SaveIcon />, чтобы сохранить изменения на дашборде.

<Formbricks />