> ## 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.

> Hashboard 是一个功能强大的分析平台，可轻松与 ClickHouse 集成，实现实时数据分析。

# 连接 ClickHouse 与 Hashboard

export const CommunityMaintainedBadge = () => {
  return <div className="CommunityMaintainedBadge">
            <div className="CommunityMaintainedIcon">
            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" viewBox="0 0 256 256">
                <path d="M244.8,150.4a8,8,0,0,1-11.2-1.6A51.6,51.6,0,0,0,192,128a8,8,0,0,1-7.37-4.89,8,8,0,0,1,0-6.22A8,8,0,0,1,192,112a24,24,0,1,0-23.24-30,8,8,0,1,1-15.5-4A40,40,0,1,1,219,117.51a67.94,67.94,0,0,1,27.43,21.68A8,8,0,0,1,244.8,150.4ZM190.92,212a8,8,0,1,1-13.84,8,57,57,0,0,0-98.16,0,8,8,0,1,1-13.84-8,72.06,72.06,0,0,1,33.74-29.92,48,48,0,1,1,58.36,0A72.06,72.06,0,0,1,190.92,212ZM128,176a32,32,0,1,0-32-32A32,32,0,0,0,128,176ZM72,120a8,8,0,0,0-8-8A24,24,0,1,1,87.24,82a8,8,0,1,0,15.5-4A40,40,0,1,0,37,117.51,67.94,67.94,0,0,0,9.6,139.19a8,8,0,1,0,12.8,9.61A51.6,51.6,0,0,1,64,128,8,8,0,0,0,72,120Z"></path>
            </svg>
        </div>
            由社区维护
        </div>;
};

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>;
};

<CommunityMaintainedBadge />

[Hashboard](https://hashboard.com) 是一款交互式数据探索工具，可让组织中的任何人跟踪指标并发现可付诸行动的洞察。Hashboard 会向您的 ClickHouse 数据库发出实时 SQL 查询，尤其适合自助式、临时性的数据探索场景。

<Image size="md" img="https://mintcdn.com/private-7c7dfe99/PWQnWTwcu17exYX2/images/integrations/data-visualization/hashboard_01.webp?fit=max&auto=format&n=PWQnWTwcu17exYX2&q=85&s=8d6a35e51b0ddbe06be6f0694a31da4e" alt="显示交互式查询构建器和可视化功能的 Hashboard 数据探索器界面" border width="1653" height="801" data-path="images/integrations/data-visualization/hashboard_01.webp" />

<br />

本指南将逐步介绍如何将 Hashboard 连接到您的 ClickHouse 实例。相关信息也可参见 Hashboard 的 [ClickHouse 集成文档](https://hashboard.com/docs/database-connections/clickhouse)。

<div id="pre-requisites">
  ## 先决条件
</div>

* 一个部署在您自有基础设施上或托管于 [ClickHouse Cloud](https://clickhouse.com/) 的 ClickHouse 数据库。
* 一个 [Hashboard 账户](https://hashboard.com/getAccess) 和对应项目。

<div id="steps-to-connect-hashboard-to-clickhouse">
  ## 将 Hashboard 连接到 ClickHouse 的步骤
</div>

<Steps>
  <Step title="收集连接详细信息" id="1-gather-your-connection-details">
    要通过原生 TCP 连接到 ClickHouse，你需要以下信息：

    | Parameters                | Description                            |
    | ------------------------- | -------------------------------------- |
    | `HOST` and `PORT`         | 通常，使用 TLS 时端口为 9440；不使用 TLS 时端口为 9000。 |
    | `DATABASE NAME`           | 默认会有一个名为 `default` 的数据库，请使用你要连接的数据库名称。 |
    | `USERNAME` and `PASSWORD` | 默认用户名为 `default`。请根据你的使用场景使用相应的用户名。    |

    你的 ClickHouse Cloud 服务的详细信息可在 ClickHouse Cloud 控制台中查看。
    选择要连接的服务，然后点击 **Connect**：

    <div className="ch-image-md">
      <Frame>
        <img src="https://mintcdn.com/private-7c7dfe99/CFFsa2agBPbviR4r/images/_snippets/cloud-connect-button.webp?fit=max&auto=format&n=CFFsa2agBPbviR4r&q=85&s=ec0a298a33ca841e947fa5e8bae47362" alt="ClickHouse Cloud 服务连接按钮" width="998" height="932" data-path="images/_snippets/cloud-connect-button.webp" />
      </Frame>
    </div>

    选择 **Native**，即可在示例 `clickhouse-client` 命令中看到详细信息。

    <div className="ch-image-md">
      <Frame>
        <img src="https://mintcdn.com/private-7c7dfe99/CFFsa2agBPbviR4r/images/_snippets/connection-details-native.webp?fit=max&auto=format&n=CFFsa2agBPbviR4r&q=85&s=91bf501b52dd0ed0fddf84f56d290fc8" alt="ClickHouse Cloud 原生 TCP 连接详细信息" width="1290" height="1176" data-path="images/_snippets/connection-details-native.webp" />
      </Frame>
    </div>

    如果你使用的是自管理 ClickHouse，连接详细信息由你的 ClickHouse 管理员设置。
  </Step>

  <Step title="在 Hashboard 中添加新的数据库连接" id="2-add-a-new-database-connection-in-hashboard">
    1. 前往你的 [Hashboard 项目](https://hashboard.com/app)。
    2. 点击侧边导航栏中的齿轮图标，打开 Settings 页面。
    3. 点击 `+ New Database Connection`。
    4. 在弹窗中选择“ClickHouse”。
    5. 使用之前收集的信息填写 **Connection Name**、**Host**、**Port**、**Username**、**Password** 和 **Database** 字段。
    6. 点击“Test”，验证连接是否配置成功。
    7. 点击“Add”

    现在，你的 ClickHouse 数据库已连接到 Hashboard，接下来可以继续构建 [数据模型](https://hashboard.com/docs/data-modeling/add-data-model)、[Explorations](https://hashboard.com/docs/visualizing-data/explorations)、[指标](https://hashboard.com/docs/metrics) 和 [仪表盘](https://hashboard.com/docs/dashboards)。有关这些功能的更多信息，请参阅相应的 Hashboard 文档。
  </Step>
</Steps>

<div id="learn-more">
  ## 进一步了解
</div>

如需了解更多高级功能和故障排查信息，请访问 [Hashboard 文档](https://hashboard.com/docs)。