> ## Documentation Index
> Fetch the complete documentation index at: https://clickhouse.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Шаблоны дашбордов

> Импорт преднастроенных шаблонов дашбордов в ClickStack

export const Image = ({img, alt, size = "lg"}) => {
  const normalizedSize = ["sm", "md", "lg"].includes(size) ? size : "lg";
  return <div className={`ch-image-${normalizedSize}`}>
      <Frame>
        <img src={img} alt={alt} />
      </Frame>
    </div>;
};

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

<div id="browsing-templates">
  ## Просмотр доступных шаблонов
</div>

Чтобы просмотреть встроенную библиотеку шаблонов, перейдите в раздел **Панели мониторинга** и нажмите **Просмотреть Template панелей мониторинга**.

<Image img="https://mintcdn.com/private-7c7dfe99/0q34g_AjISMsyr4Q/images/use-cases/observability/browse-dashboard-template.webp?fit=max&auto=format&n=0q34g_AjISMsyr4Q&q=85&s=a979efc63c67dfbb58eef59862898ccd" alt="Кнопка «Просмотреть Template панелей мониторинга»" size="lg" width="1462" height="489" data-path="images/use-cases/observability/browse-dashboard-template.webp" />

Откроется галерея шаблонов, где они сгруппированы по категориям. Нажмите **Импортировать**, чтобы начать импорт этого шаблона.

<Image img="https://mintcdn.com/private-7c7dfe99/0q34g_AjISMsyr4Q/images/use-cases/observability/dashboard-template-gallery.webp?fit=max&auto=format&n=0q34g_AjISMsyr4Q&q=85&s=ffb7c80946bda2ef1cfe6947befd721d" alt="Галерея Template панелей мониторинга" size="lg" width="1209" height="600" data-path="images/use-cases/observability/dashboard-template-gallery.webp" />

<div id="importing-a-template">
  ## Импорт шаблона
</div>

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

<Image img="https://mintcdn.com/private-7c7dfe99/xE8TEsdF6028Tf3x/images/use-cases/observability/import-dashboard-template.webp?fit=max&auto=format&n=xE8TEsdF6028Tf3x&q=85&s=1f57f2d2599eec404d252972ebf02126" alt="Импорт Template панели мониторинга" size="lg" width="1210" height="892" data-path="images/use-cases/observability/import-dashboard-template.webp" />

<div id="pre-built-templates">
  ## Готовые шаблоны
</div>

<div id="otel-runtime-metrics">
  ### Метрики среды выполнения OTel
</div>

Встроенные шаблоны OTel Runtime Metrics предназначены для приложений, в которых настроен сбор [метрик среды выполнения OpenTelemetry](https://opentelemetry.io/docs/specs/semconv/runtime/).

| Template                    | Description                                                                                          |
| --------------------------- | ---------------------------------------------------------------------------------------------------- |
| **.NET Runtime Metrics**    | Циклы GC, размер кучи, использование пула потоков и количество сборок для приложений .NET            |
| **Go Runtime Metrics**      | Количество горутин, время пауз GC, использование кучи и статистика памяти для приложений Go          |
| **JVM Runtime Metrics**     | Память кучи и вне кучи, длительность GC, количество потоков и загрузка классов для приложений на JVM |
| **Node.js Runtime Metrics** | Задержка цикла событий, использование кучи, загрузка CPU и память V8 для приложений Node.js          |

Примечания:

* Для каждого шаблона настроен [пользовательский фильтр](/docs/ru/clickstack/features/dashboards/overview#custom-filters) для сервисов, у которых атрибут ресурса [`telemetry.sdk.language`](https://opentelemetry.io/docs/specs/semconv/registry/attributes/telemetry/#telemetry-sdk-language) соответствует среде выполнения панели мониторинга.
  * В средах с пользовательскими схемами таблиц метрик ClickHouse может потребоваться скорректировать этот фильтр, чтобы он обращался к нужным столбцам Service Name и Resource Attributes.
  * В средах с большим объёмом данных время загрузки фильтра можно сократить, [материализовав](/docs/ru/clickstack/managing/performance-tuning#materialize-frequently-queried-attributes) столбец `ResourceAttributes['telemetry.sdk.language']`.
* На момент публикации шаблоны ссылаются на актуальные семантические соглашения OTel и периодически обновляются вместе с обновлениями спецификации OTel. Для сервисов, инструментированных более старыми OTel SDK, может потребоваться [отредактировать](/docs/ru/clickstack/features/dashboards/overview#dashboards-editing-visualizations) визуализации, чтобы они ссылались на более старые имена метрик.