# 组件标题

组件标题位于组件的顶部，用于显示组件的标题内容。

## Content

## 1\. 概述

### 1.1 功能概述

组件标题位于组件的顶部，用于显示组件的标题内容。标题属性用于设置：是否显示标题、标题内容、对齐方式和标题字体。本节为您介绍标题属性。如下图所示为标签列表和柱状图的标题属性。
![PixPin_2025-06-17_09-11-57](https://gccndocumentsitestorage.blob.core.chinacloudapi.cn/document-site-files/images/f5870867-da83-4de9-a405-f6a43930a548/PixPin_2025-06-17_09-11-57.d13fd6.png) ![PixPin_2025-06-17_09-02-53](https://gccndocumentsitestorage.blob.core.chinacloudapi.cn/document-site-files/images/f5870867-da83-4de9-a405-f6a43930a548/PixPin_2025-06-17_09-02-53.375f53.png)

## 2\. 标题

### 2.1 显示标题

1. 设置是否显示组件的标题。默认值为<strong>是</strong>。
    ![PixPin_2025-06-16_19-10-19](https://gccndocumentsitestorage.blob.core.chinacloudapi.cn/document-site-files/images/f5870867-da83-4de9-a405-f6a43930a548/PixPin_2025-06-16_19-10-19.a7391e.png)

* **是：** 显示组件标题。
* **否：** 隐藏组件标题。

### 2.2 标题

1. 设置组件的标题，可以进行自定义输入标题，也可以使用语言资源，相关用法请见[创建和应用语言资源(文档内容和分类目录名本地化)](/solutions/wyn/help/docs/portal-intro/internationalization/document-multi-lng/language-resource)。
    ![image2022-8-19_14-41-31.png](https://gccndocumentsitestorage.blob.core.chinacloudapi.cn/document-site-files/images/470a8bbd-e525-44a5-a8a2-dc9a77e30084/80199285/image2022-8-19_14-41-31.png)
* **使用语言资源：** 需先在仪表板全局设置语言资源，设置后即可在组件使用。
    * **仪表板全局语言资源：**
    ![PixPin_2025-06-18_09-19-18](https://gccndocumentsitestorage.blob.core.chinacloudapi.cn/document-site-files/images/f5870867-da83-4de9-a405-f6a43930a548/PixPin_2025-06-18_09-19-18.80a451.png)
    * **组件使用语言资源：**
   ![PixPin_2025-06-18_09-21-18](https://gccndocumentsitestorage.blob.core.chinacloudapi.cn/document-site-files/images/f5870867-da83-4de9-a405-f6a43930a548/PixPin_2025-06-18_09-21-18.6190b9.png)

### 2.3 对齐方式

1. 设置标题相对于整个组件的对齐方式，可选择左对齐、居中对齐、右对齐。下图分别为左对齐、居中对齐和右对齐的显示效果。
    ![PixPin_2025-06-16_19-19-01](https://gccndocumentsitestorage.blob.core.chinacloudapi.cn/document-site-files/images/f5870867-da83-4de9-a405-f6a43930a548/PixPin_2025-06-16_19-19-01.b6569e.png?width=700)

### 2.4 标题字体设置

1. 设置组件标题的字体样式等。字体大小以系统的默认字体大小为基准，设定组件标题字体大小的相对大小，选项的范围从基准字体大小的0.5倍\~8倍。
    ![PixPin_2025-06-16_19-19-44](https://gccndocumentsitestorage.blob.core.chinacloudapi.cn/document-site-files/images/f5870867-da83-4de9-a405-f6a43930a548/PixPin_2025-06-16_19-19-44.2a3a49.png?width=700)

### 2.5 内部边距

1. 设置标题区域距离组件边框的距离。
    ![image2022-8-19_14-46-56.png](https://gccndocumentsitestorage.blob.core.chinacloudapi.cn/document-site-files/images/470a8bbd-e525-44a5-a8a2-dc9a77e30084/80199285/image2022-8-19_14-46-56.png)
2. 可展开分别设置四个方向的距离。这里的距离并不是绝对距离，比如当标题左对齐的时候设置右侧距离时表现不敏感，当标题右对齐时设置左侧距离表现不敏感，当标题居中显示时，设置左右距离均不敏感。
    ![PixPin_2025-06-16_19-23-02](https://gccndocumentsitestorage.blob.core.chinacloudapi.cn/document-site-files/images/f5870867-da83-4de9-a405-f6a43930a548/PixPin_2025-06-16_19-23-02.e1473c.png?width=700)

### 2.6 位置

1. 设置筛选器的标题与筛选项目是否在同一行显示。当设置为<strong>外部</strong>时，可以配置标题的对齐方式。

    | **位置** | **系统图示** |
    | --- | ---- |
    | **行内** | ![PixPin_2025-06-16_19-15-37](https://gccndocumentsitestorage.blob.core.chinacloudapi.cn/document-site-files/images/f5870867-da83-4de9-a405-f6a43930a548/PixPin_2025-06-16_19-15-37.78d365.png?width=500) |
    | **外部** | ![PixPin_2025-06-16_19-15-53](https://gccndocumentsitestorage.blob.core.chinacloudapi.cn/document-site-files/images/f5870867-da83-4de9-a405-f6a43930a548/PixPin_2025-06-16_19-15-53.b13402.png?width=500) |