All Products
Search
Document Center

Quick BI:Configure the chart title

Last Updated:Jun 23, 2026

Configure the style of a chart's title and card area on the Style tab of the dashboard edit page. This topic uses a line chart as an example.

Configure title

In the Title and Card section, customize the Main title content, Show Link, and status icon.

image

Parameter

Setting

Description

Title

Main title content

Enter a custom title for the chart. For example: Sales Data Analysis.

text format

Set the text style for the chart title.

Show Link

link style

Set the link display style. Options: text or icon.

  • text: Displays the hyperlink as text.image

  • icon: Displays the hyperlink as an icon.image

Link Address

Enter the destination URL.

Open with

Set how the link opens. Options: New window, Pop-up, or Current window.

  • New window: Opens the link content in a new browser tab.111

  • Pop-up: Opens the link content in a pop-up window on the current page.111

    In the Open with section, click the image icon next to Pop-up to configure the Pop-up type, Default size, Pop-up title, and page overlay.

    image.png

    Note
    • You can hide the pop-up title only when the pop-up type is set to a centered pop-up. For other types, the title is always displayed and cannot be hidden.image.png

    • The page overlay can be shown or hidden only for left, right, and bottom drawer types. Hiding the overlay allows you to click to switch dimension values.

    • The Default size can be set as a percentage or in pixels.

      image.png

    • When the pop-up is open, you can also drag to resize and reposition the pop-up.

      Untitled.gif

  • Current window: Opens the link content in the current window.111

Divider

Set the style of the divider.111

Status icon

In the Status icon section, configure the display mode and color of the icons. After you enable this option, two display modes are available: Always show and Show on hover (default). Show on hover displays the icons only when you interact with the chart.

Note

The status icon refers to five types of icons: linkage, jump, drill-down, filtered, and fluctuation analysis.

  • Always show

    The status icons remain visible on the chart at all times.

    image.png

  • Show on hover

    When you hover over the chart, the status icons appear next to the main title.

    111

  • Set icon color

    You can customize the color of the status icons.

    111

Notes and endnotes

In the Notes and Endnotes section, configure note and endnote content.

image.png

For note position, select below title or above chart.

  • Below title

    image.png

  • Above chart

    image.png

Configure the component container

In the component container section, configure the background fill (), corner radius (), and card padding ().

  • ① background fill: Select custom background fill to customize the background color and image of the component container. You can use a system-provided image or upload a custom one. For more information, see Custom Background Fill.

  • ② corner radius: Set the roundness of the container's corners.

  • card padding: Set the space between the chart content and the container's border.

image.png

The supported configuration items vary by chart type. See the following table for details.

Note

In the title and card area configuration, 已开通 indicates support, and 未开通 indicates no support.

Component

Custom title

Notes

Footer note

Display link

Card padding

Custom background

Controls

tab

已开通

已开通

未开通

未开通

已开通

已开通

rich text

已开通

已开通

未开通

未开通

已开通

未开通

query control

未开通

未开通

未开通

未开通

未开通

未开通

composite query control

未开通

未开通

未开通

未开通

未开通

未开通

image

未开通

未开通

未开通

已开通

未开通

未开通

embedded page

未开通

未开通

未开通

已开通

未开通

未开通

Metrics

metric board

已开通

已开通

未开通

已开通

已开通

已开通

trend chart

已开通

已开通

已开通

已开通

已开通

已开通

gauge

已开通

已开通

已开通

已开通

已开通

未开通

progress bar

已开通

已开通

已开通

已开通

已开通

已开通

liquid fill gauge

已开通

已开通

已开通

已开通

已开通

已开通

digital flip counter

已开通

已开通

未开通

已开通

已开通

已开通

decomposition tree

已开通

已开通

已开通

已开通

已开通

已开通

metric relation graph

已开通

已开通

已开通

已开通

已开通

已开通

Tables

trend analysis table

已开通

已开通

已开通

已开通

已开通

未开通

crosstab

已开通

已开通

已开通

已开通

已开通

未开通

detail table

已开通

已开通

已开通

已开通

已开通

已开通

heatmap

已开通

已开通

已开通

已开通

已开通

已开通

Line and area charts

line chart

已开通

已开通

已开通

已开通

已开通

已开通

area chart

已开通

已开通

已开通

已开通

已开通

已开通

stacked area chart

已开通

已开通

已开通

已开通

已开通

已开通

percentage stacked area chart

已开通

已开通

已开通

已开通

已开通

已开通

combo chart

已开通

已开通

已开通

已开通

已开通

已开通

Column and bar charts

column chart

已开通

已开通

已开通

已开通

已开通

已开通

stacked column chart

已开通

已开通

已开通

已开通

已开通

已开通

percentage stacked column chart

已开通

已开通

已开通

已开通

已开通

已开通

bar chart

已开通

已开通

已开通

已开通

已开通

已开通

stacked bar chart

已开通

已开通

已开通

已开通

已开通

已开通

percentage stacked bar chart

已开通

已开通

已开通

已开通

已开通

已开通

radial column chart

已开通

已开通

已开通

已开通

已开通

已开通

leaderboard

已开通

已开通

已开通

已开通

已开通

已开通

waterfall chart

已开通

已开通

已开通

已开通

已开通

已开通

dynamic bar chart

已开通

已开通

已开通

已开通

已开通

已开通

Pie and donut charts

pie chart

已开通

已开通

已开通

已开通

已开通

已开通

rose chart

已开通

已开通

已开通

已开通

已开通

已开通

radar chart

已开通

已开通

已开通

已开通

已开通

已开通

treemap

已开通

已开通

已开通

已开通

已开通

已开通

Bubble and scatter plots

bubble chart

已开通

已开通

已开通

已开通

已开通

已开通

scatter plot

已开通

已开通

已开通

已开通

已开通

已开通

faceted scatter plot

已开通

已开通

已开通

已开通

已开通

已开通

Funnel and conversion charts

funnel chart

已开通

已开通

已开通

已开通

已开通

已开通

comparison funnel chart

已开通

已开通

已开通

已开通

已开通

已开通

sankey diagram

已开通

已开通

已开通

已开通

已开通

已开通

sankey diagram

已开通

已开通

已开通

已开通

已开通

已开通

Maps

bubble map

已开通

已开通

已开通

已开通

已开通

已开通

choropleth map

已开通

已开通

已开通

已开通

已开通

已开通

heat map

已开通

已开通

已开通

已开通

已开通

已开通

flow map

已开通

已开通

已开通

已开通

已开通

已开通

symbol map

已开通

已开通

已开通

已开通

已开通

已开通

Others

word cloud

已开通

已开通

已开通

已开通

已开通

已开通

timeline chart

已开通

已开通

已开通

已开通

已开通

已开通

Custom background fill

Configure the custom background fill in the component container.

image.png

  1. Set the card color to a solid color or gradient.p826641

  2. For the background image, use a built-in or custom image.

image.png

Note

The following components support custom background fill.

  • Controls

    tab, image

  • Metrics

    dashboard, metric trend chart, progress bar, liquid fill gauge, digital flip counter

  • Trend

    line chart, area chart, stacked area chart, 100% stacked area chart, combo chart

  • Comparison

    column chart, stacked column chart, 100% stacked column chart, bar chart, stacked bar chart, 100% stacked bar chart, radial bar chart