> ## Documentation Index
> Fetch the complete documentation index at: https://private-7c7dfe99-mintlify-3a82795f.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Панели мониторинга

> Функция панелей мониторинга в SQL Console позволяет собирать визуализации из сохранённых запросов и делиться ими.

export const Image = ({img, alt, size}) => {
  return <Frame>
      <img src={img} alt={alt} />
    </Frame>;
};

export const galaxyOnClick = eventName => () => {
  try {
    if (typeof window !== "undefined" && window.galaxy && eventName) {
      window.galaxy.track(eventName, {
        interaction: "click"
      });
    }
  } catch (e) {}
};

export const BetaBadge = ({link, galaxyTrack, galaxyEvent}) => {
  if (link) {
    return <a href={link} target="_blank" rel="noopener noreferrer" className="betaBadge" onClick={galaxyTrack && galaxyEvent ? galaxyOnClick(galaxyEvent) : undefined}>
                <Icon />
                <span>Beta</span>
            </a>;
  }
  return <div className="betaBadge">
            <Icon />
            <span>
                Beta feature. 
                <u>
                    <a href="/docs/beta-and-experimental-features#beta-features">
                        Learn more.
                    </a>
                </u>
            </span>
        </div>;
};

В SQL Console функция панелей мониторинга позволяет собирать и делиться визуализациями, созданными на основе сохранённых запросов. Для начала сохраните запросы и создайте их визуализации, добавьте эти визуализации на панель мониторинга и сделайте её интерактивной с помощью параметров запроса.

<div id="core-concepts">
  ## Основные понятия
</div>

<div id="query-sharing">
  ### Общий доступ к запросам
</div>

Чтобы поделиться панелью мониторинга с коллегами, обязательно откройте общий доступ к связанному сохранённому запросу. Чтобы просматривать визуализацию, у вас как минимум должен быть доступ только для чтения к связанному сохранённому запросу.

<div id="interactivity">
  ### Интерактивность
</div>

Используйте [параметры запроса](/ru/reference/syntax#defining-and-using-query-parameters), чтобы сделать панель мониторинга интерактивной. Например, можно добавить параметр запроса в условие `WHERE`, чтобы использовать его как фильтр.

Поле ввода параметра запроса можно включить на боковой панели фильтров **Global**, выбрав тип «filter» в настройках визуализации. Его также можно включить, связав с другим объектом (например, таблицей) на панели мониторинга. См. раздел «[настроить фильтр](/ru/products/cloud/features/sql-console-features/dashboards#configure-a-filter)» в руководстве по быстрому старту ниже.

<div id="quick-start">
  ## Быстрый старт
</div>

Создадим панель мониторинга для отслеживания нашего сервиса ClickHouse с помощью системной таблицы [query\_log](/ru/reference/system-tables/query_log).

<div id="quick-start">
  ## Быстрый старт
</div>

<div id="create-a-saved-query">
  ### Создайте сохранённый запрос
</div>

Если у вас уже есть сохранённые запросы для визуализации, этот шаг можно пропустить.

Откройте новую вкладку запроса. Напишем запрос, который подсчитывает объём запросов по дням для сервиса с использованием системных таблиц ClickHouse:

<Image img="https://mintcdn.com/private-7c7dfe99-mintlify-3a82795f/2q9PlXs36IQb-uk7/images/cloud/dashboards/2_dashboards.png?fit=max&auto=format&n=2q9PlXs36IQb-uk7&q=85&s=227c39b066742daae8cc8917da24e7e5" size="md" alt="Создание сохранённого запроса" border width="1600" height="1372" data-path="images/cloud/dashboards/2_dashboards.png" />

Результаты запроса можно просмотреть в табличном формате или начать строить визуализации в режиме chart. На следующем шаге сохраним запрос под именем `queries over time`:

<Image img="https://mintcdn.com/private-7c7dfe99-mintlify-3a82795f/2q9PlXs36IQb-uk7/images/cloud/dashboards/3_dashboards.png?fit=max&auto=format&n=2q9PlXs36IQb-uk7&q=85&s=086b8ec503d8bd30a80014eed47696f7" size="md" alt="Сохранение запроса" border width="1274" height="484" data-path="images/cloud/dashboards/3_dashboards.png" />

Подробнее о сохранённых запросах см. в разделе [Saving a Query section](/ru/products/cloud/features/sql-console-features/sql-console#saving-a-query).

Можно создать и сохранить ещё один запрос — `query count by query kind`, чтобы подсчитать количество запросов по их типу. Ниже показана визуализация этих данных в виде столбчатой диаграммы в консоли SQL.

<Image img="https://mintcdn.com/private-7c7dfe99-mintlify-3a82795f/2q9PlXs36IQb-uk7/images/cloud/dashboards/4_dashboards.png?fit=max&auto=format&n=2q9PlXs36IQb-uk7&q=85&s=d936e750695b576c822325d786383636" size="md" alt="Визуализация результатов запроса в виде столбчатой диаграммы" border width="1438" height="1600" data-path="images/cloud/dashboards/4_dashboards.png" />

Теперь, когда у нас есть два запроса, создадим панель мониторинга, чтобы визуализировать их и собрать в одном месте.

<div id="create-a-dashboard">
  ### Создайте панель мониторинга
</div>

Перейдите в раздел панели мониторинга и нажмите “New Dashboard”. После того как вы зададите имя, ваша первая панель мониторинга будет создана!

<Image img="https://mintcdn.com/private-7c7dfe99-mintlify-3a82795f/2q9PlXs36IQb-uk7/images/cloud/dashboards/5_dashboards.png?fit=max&auto=format&n=2q9PlXs36IQb-uk7&q=85&s=7a8215759647b48f86d5bd2d1b22e141" size="md" alt="Создать новую панель мониторинга" border width="1466" height="778" data-path="images/cloud/dashboards/5_dashboards.png" />

<div id="add-a-visualization">
  ### Добавьте визуализацию
</div>

Есть два сохранённых запроса: `queries over time` и `query count by query kind`. Давайте визуализируем первый в виде линейного графика. Укажите для визуализации заголовок и подзаголовок, а затем выберите запрос. Затем выберите тип диаграммы «Line» и задайте оси X и Y.

<Image img="https://mintcdn.com/private-7c7dfe99-mintlify-3a82795f/2q9PlXs36IQb-uk7/images/cloud/dashboards/6_dashboards.png?fit=max&auto=format&n=2q9PlXs36IQb-uk7&q=85&s=400dee7790dc54237f8a1880d7c5c536" size="md" alt="Добавление визуализации" border width="1600" height="1097" data-path="images/cloud/dashboards/6_dashboards.png" />

Здесь также можно внести дополнительные стилистические изменения — например, настроить форматирование чисел, расположение легенды и подписи осей.

Затем давайте визуализируем второй запрос в виде таблицы и разместим её под линейным графиком.

<Image img="https://mintcdn.com/private-7c7dfe99-mintlify-3a82795f/2q9PlXs36IQb-uk7/images/cloud/dashboards/7_dashboards.png?fit=max&auto=format&n=2q9PlXs36IQb-uk7&q=85&s=a9448cc1146857405338d35024d0bceb" size="md" alt="Визуализация результатов запроса в виде таблицы" border width="1600" height="1048" data-path="images/cloud/dashboards/7_dashboards.png" />

Вы создали свою первую панель мониторинга, визуализировав два сохранённых запроса!

<div id="configure-a-filter">
  ### Настройка фильтра
</div>

Давайте сделаем эту панель мониторинга интерактивной, добавив фильтр по типу запроса, чтобы отображать только тренды, связанные с запросами Insert. Для этого мы будем использовать [параметры запроса](/ru/reference/syntax#defining-and-using-query-parameters).

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

<Image img="https://mintcdn.com/private-7c7dfe99-mintlify-3a82795f/2q9PlXs36IQb-uk7/images/cloud/dashboards/8_dashboards.png?fit=max&auto=format&n=2q9PlXs36IQb-uk7&q=85&s=dc6ed7ccc512afde21bab1021317aaf2" size="md" alt="Редактирование исходного запроса" border width="1115" height="1600" data-path="images/cloud/dashboards/8_dashboards.png" />

Теперь, если нажать желтую кнопку запуска запроса, вы увидите тот же запрос, что и ранее, но отфильтрованный только по запросам Insert. Нажмите кнопку сохранения, чтобы обновить запрос. Когда вы вернетесь к настройкам графика, у вас будет возможность фильтровать линейный график.

Теперь с помощью Global Filters на верхней панели можно переключать фильтр, изменяя значение во входном поле.

<Image img="https://mintcdn.com/private-7c7dfe99-mintlify-3a82795f/2q9PlXs36IQb-uk7/images/cloud/dashboards/9_dashboards.png?fit=max&auto=format&n=2q9PlXs36IQb-uk7&q=85&s=1ad3f5e6534c71b607755c43f52e72bb" size="md" alt="Настройка глобальных фильтров" border width="1600" height="1045" data-path="images/cloud/dashboards/9_dashboards.png" />

Предположим, вы хотите связать фильтр линейного графика с таблицей. Для этого вернитесь к настройкам визуализации, измените источник значения параметра запроса query\_kind на таблицу и выберите столбец query\_kind в качестве связываемого поля.

<Image img="https://mintcdn.com/private-7c7dfe99-mintlify-3a82795f/v1-2Yt8HcdseADex/images/cloud/dashboards/10_dashboards.png?fit=max&auto=format&n=v1-2Yt8HcdseADex&q=85&s=073648c0bf7ba6c1f7a6d13f48dcfee6" size="md" alt="Изменение параметра запроса" border width="1600" height="1045" data-path="images/cloud/dashboards/10_dashboards.png" />

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

<Image img="https://mintcdn.com/private-7c7dfe99-mintlify-3a82795f/v1-2Yt8HcdseADex/images/cloud/dashboards/11_dashboards.png?fit=max&auto=format&n=v1-2Yt8HcdseADex&q=85&s=f6ce57786c77b3d137104fe01b8ed5e6" size="md" alt="Управление фильтром линейного графика" border width="1600" height="1012" data-path="images/cloud/dashboards/11_dashboards.png" />
