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

# 仪表盘模板

> 在 ClickStack 中导入预置的仪表盘模板

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

ClickStack 包含一个预置的仪表盘模板库，可让您立即了解常见的基础设施和应用程序指标。

<div id="browsing-templates">
  ## 浏览可用模板
</div>

要浏览内置模板库，请进入 **仪表盘**，然后点击 **浏览仪表盘模板**。

<Image img="https://mintcdn.com/private-7c7dfe99-fix-nav-issues/0q6iTuCC0qup5NC4/images/use-cases/observability/browse-dashboard-template.png?fit=max&auto=format&n=0q6iTuCC0qup5NC4&q=85&s=08558386ac067d94139c58df47d3e922" alt="浏览仪表盘模板按钮" size="lg" width="1462" height="489" data-path="images/use-cases/observability/browse-dashboard-template.png" />

这会打开模板库，模板按类别分类显示。点击 **Import** 即可开始导入该模板。

<Image img="https://mintcdn.com/private-7c7dfe99-fix-nav-issues/FZqG0tBuMc0GoOY1/images/use-cases/observability/dashboard-template-gallery.png?fit=max&auto=format&n=FZqG0tBuMc0GoOY1&q=85&s=619ac061a475299ac015683e2d15611a" alt="仪表盘模板库" size="lg" width="1209" height="600" data-path="images/use-cases/observability/dashboard-template-gallery.png" />

<div id="importing-a-template">
  ## 导入模板
</div>

要导入模板，必须为仪表盘中的每个可视化项设置数据源。请在每个可视化项的下拉菜单中选择一个数据源，然后点击 `Finish Import`。

<Image img="https://mintcdn.com/private-7c7dfe99-fix-nav-issues/Wpmp4N2VLv_V8ziJ/images/use-cases/observability/import-dashboard-template.png?fit=max&auto=format&n=Wpmp4N2VLv_V8ziJ&q=85&s=811b0eae7a211c03910c0ba3df99de51" alt="仪表盘模板导入" size="lg" width="1210" height="892" data-path="images/use-cases/observability/import-dashboard-template.png" />

<div id="pre-built-templates">
  ## 预置模板
</div>

<div id="otel-runtime-metrics">
  ### OTel 运行时指标
</div>

内置的 OTel Runtime Metrics 模板专为已使用 [OpenTelemetry runtime metrics](https://opentelemetry.io/docs/specs/semconv/runtime/) 进行插桩的应用程序设计。

| 模板                | 描述                                          |
| ----------------- | ------------------------------------------- |
| **.NET 运行时指标**    | .NET 应用程序的 GC 次数、堆大小、线程池使用情况以及程序集数量         |
| **Go 运行时指标**      | Go 应用程序的 Goroutine 数量、GC 暂停时间、堆使用情况以及内存统计信息 |
| **JVM 运行时指标**     | 基于 JVM 的应用程序的堆内存和非堆内存、GC 耗时、线程数以及类加载情况      |
| **Node.js 运行时指标** | Node.js 应用程序的事件循环延迟、堆使用情况、CPU 利用率以及 V8 内存   |

注意：

* 每个模板都配置了一个[自定义过滤器](/zh/clickstack/features/dashboards/overview#custom-filters)，用于筛选其 [`telemetry.sdk.language`](https://opentelemetry.io/docs/specs/semconv/registry/attributes/telemetry/#telemetry-sdk-language) resource 属性与仪表盘对应运行时相匹配的服务。
  * 如果环境使用了自定义的 ClickHouse 指标表 schema，可能需要调整此过滤器，以查询正确的 Service Name 和 Resource Attributes 列。
  * 对于高数据量环境，可通过对 `ResourceAttributes['telemetry.sdk.language']` 列进行[物化](/zh/clickstack/managing/performance-tuning#materialize-frequently-queried-attributes)来缩短过滤器加载时间。
* 模板在发布时会引用最新的 OTel Semantic Conventions，并会随着 OTel Spec 的更新定期同步更新。对于使用较旧 OTel SDK 进行插桩的服务，可能需要[编辑](/zh/clickstack/features/dashboards/overview#dashboards-editing-visualizations)可视化内容，以引用较旧的指标名称。