Component Title Editing

Version

Application Scenario

After adding a component to a dashboard, you may want to rename the component and customize its style so that the generated dashboard shows the data information more visually and clearly.

Function Description

The component title editing function allows you to rename components and set custom styles for charts, tables, and filter components added to the dashboard.

The function allows you to set the rich text for charts and components added to the dashboard.

Note: 

1. The text/image/web component only allows you to modify the component name and does not allow you to customize the component style.

2. The same dashboard does not support two components with the same title.

Component Title Referencing the Component Name Field

The component name is the title of the component not added to the dashboard. The component title is the displayed title of the component added to the dashboard.

Add a component to a dashboard, and the component title references the Component Name field by default. The component title changes with the component name, as shown in the following figure.

After you modify the component title in the dashboard, the component title changes, but the component name does not change. You need to reference the Component Name field again to make the component title consistent with the component name, as shown in the following figure.

Title Content Editing

You can edit the content of the displayed title.

On the dashboard editing page, you can double-click the component title to modify the component name, as shown in the following figure.

You can click Edit Title to enter the title editing page, as shown in the following figure.

Font Style Setting

Select the text to be edited, and set the title style. You can select Auto to set the default font style. You can also select Custom, and customize the font style, font size, and font color, as shown in the following figure.

The following table shows the setting items of the custom font style.

Icon	Setting Item	Description
	Font	You can set the text font.  Default, Boldface, SimSun, Fang Song, Regular Script, Arial, Helvetica Neue, Verdana, Times New Roman are supported.
	Font size	You can set the font size of the text.
	Bold	You can bold the text.
	Italic	You can make the text italic.
	Underline	You can underline the text.
	Text color	You can set the text color.
	Align Left/Right	You can set the text to align horizontally.
	Unordered List
	Ordered List

Note: 

The PingFang font only takes effect in MacOS. PingFang is the default font in MacOS, while Microsoft YaHei is the default one in Windows.  

3. After the title style is set, the following figure shows the effect.

For details about examples of dynamic title, see Dynamic Title Display (introducing how to add indicators to the title). 

You can add a field to the component title on the title editing page, as shown in the following figure.

Show Title is ticked by default. You can cancel the ticking to hide the title.

You can untick Show Title on the dashboard editing page, as shown in the following figure.

In V11.0.88 and later versions, you can set the rich text of the component in Mobile Layout. PC and the mobile terminal do not affect each other.

The following figure shows the entries.

Click to enter the component editing page, as shown in the following figure.

Note:

You can click Restore Desktop Style Configuration, and click OK to make the style on the mobile terminal consistent with the PC style.

The following figure shows the final effect.

Note: 

The font style is not compatible with the mobile version.

Condition for Filter Component's Effect on Title

If you want the value of the filter component to be displayed dynamically in the component title, you need to set a filter condition, as shown in the following figure.

If the custom control range of the filter component does not include the component with the title set in the previous section, the component title is still displayed as All even if the filter condition is set, as shown in the following figure.

Deletion of Field Added to the Component Title

When the analysis component with the added field is deleted, a prompt appears in the title. For example, delete the year-month filter component added to the title, and the effect is shown in the following figure.