Component title

1. Overview

1.1 Version

1.2 Application scenarios

Meet the needs of users to customize the title style and set the content of the title.

1.3 Function introduction

• In the component editing interface, you can set whether to display the title and the content of the title. As shown below:

Note: This method is only applicable to "Chart Component" to modify the title.

• In the dashboard editing interface, you can also set the title content by "double-click the component title"

Modify the component title, as shown in the figure below:

Modify the title of the filter component, as shown in the figure below:

• Click the button of the component on the dashboard editing interface, you can also set whether to display the title and edit the title, as shown in the following figure:

The modified title is applicable to "Chart Component", "Filter Component", and "Tab Component".

2. Display/hide the title

The title of the component is checked by default. If you don't want to display it, just uncheck it.

• Enter the component editing interface, and set the "display/hide title" in the "component style", as shown in the figure below:

• In the dashboard editing interface, as shown in the figure below:

3. Edit the title

When the title is displayed, the content of the title can be edited.

• Component editing interface: click the component title, as shown in the figure below:

Or directly modify the component title under each component tab, as shown in the figure below:

• Dashboard editing interface: Double-click the component title to modify it, as shown in the following figure:

Click "Edit Title" to enter the title editing interface, as shown in the figure below:

3.1 Set the font style

1) Click to modify the title, as shown in the figure below:

2) Customize the title style. Click "Custom", select the text to be edited, and set the title style. The edit title page is consistent with the page under the "component style", and the font, size, color, etc. can be set automatically or customized. As shown below:

The description of each setting item of the custom font style is shown in the following table:

Icon	Icon	Description
	Font	Set the text font. The font supports default, Black, Song, FangSong, Kai, Arial, Helvetica Neue, Verdana, Times New Roman.
	Size	Set the text size.
	Bold	Bold the text.
	Italic	Make the text italic.
	Underscore	Underline text
	Color	Set the text color.
	Align left	Align the text content horizontally to the left
	Align center	Align the text content horizontally to the center
	Align right	Align the text content horizontally to the right.

Note: The Pingfang font only takes effect under Mac. Pingfang is used by default under Mac, and Microsoft Yahei is used by default under Windows.

4) After setting the title style, the effect is as shown in the figure below:

3.2 Add fields in the title

For examples of dynamic title, please refer to the document: Component dynamic title.(This document also describes how to add indicators to the title)

You can add component fields when editing the title. As shown below:

3.2.1 Steps

1) Double-click the component title to enter the title editing interface, click "+" to add component fields, and the added fields will be displayed as a whole. The operation is shown in the figure below:

2) Font style can be set as a whole, please refer to section 3.1 of this article. The operation is shown in the figure below:

Note: It is not possible to split the content of the field, such as splitting to set color and font.

3.2.2 Preview effect

The displayed content of the added field is dynamically displayed due to the filtering and linkage of the imported field source component (only when the bound field dimension or corresponding indicator is clicked, the corresponding value will be displayed in linkage, otherwise it will be displayed as all).

Note: For some filter components, only the filter component itself is supported, such as the text drop-down filter component. At this time, the added field is the title name of the corresponding component, and the field is bound to it when the linkage is generated.

4. Precautions

4.1 Only when the filter component takes effect on the component will it take effect on the title

1) If the name of the component is set to select the filter component, and the filter condition of the filter component is empty, the component title defaults to "All", as shown in the following figure:

If the component custom control range does not include the component with the title set above, as shown in the following figure:

At this time, even if the filter condition is set, the title still displays "All", as shown in the following figure:

4.2 Delete the field added to title

If the analysis component of the added field is deleted, the corresponding prompt will be given in the title, as shown in the following figure:

If the added field is a time dimension, it will be displayed according to the current format when the time is switched to the time format. After the time grouping is switched, the corresponding inserted field will be deleted and a prompt will be given, and it needs to be added again.