Title
Learn about the chart title and how to customize it.
The title of the chart can be set to provide context for the data being displayed. You can customize the title's text, font, alignment, position, border, and shadow to match your design preferences.
Direct settings
These are the input fields shown directly in the Title panel:
| Setting | Description |
|---|---|
| Id | A text field to set a unique identifier for the title element |
| Title | The main title text displayed at the top of the chart |
| Title Link | A URL that turns the title into a clickable link. When a URL is provided, clicking the title opens the link in a new browser tab |
| Subtitle | A secondary line of text displayed just below the main title, useful for adding extra context or a date stamp |
| Subtitle Link | A URL that turns the subtitle into a clickable link. When a URL is provided, clicking the subtitle opens the link in a new browser tab |
| Padding | The space around the title in pixels. Larger values create more breathing room between the title and surrounding chart elements |
| Gap | The vertical space between the title and subtitle in pixels. Increase this when you want more separation between the two text lines |
| Background Color | Click the color picker to choose a background color for the title area, or paste a hex value directly (e.g., #FF0000) |
Sections
Expandable sub-panels with additional styling options:
| Section | Description |
|---|---|
| Title Style | Opens the Text Style shared setting to customize the title text — color, size, weight, style, font family, overflow behavior, and text borders/shadows |
| Subtitle Style | Opens the Text Style shared setting to customize the subtitle text independently from the main title |
| Alignment | Opens the Alignment shared setting to control the horizontal and vertical positioning of the title text within its container |
| Position | Opens the Position shared setting to set the distance of the title from the left, right, top, and bottom edges of the chart |
| Border | Opens the Border shared setting to add and style an outline around the title area |
| Shadow | Opens the Shadow shared setting to add a drop shadow behind the title area |