All Products
Search
Document Center

Quick BI:Configure the Chart Title

Last Updated:Apr 21, 2025

This topic describes how to configure the style of the Title and Card section on the Style tab of the dashboard edit page and displays the effects. The following parameters are configured for a line chart.

Configure Parameters in the Title Subsection

In the Title And Card section, you can customize the Main Title Content, Display Link, and Status Icon.

image

Configuration item

Configuration content

Description

Title

Title content

Enter a custom title for the chart, such as: Sales Data Analysis.

Text format

Set the text style for the chart title.

Display link

Link style

Set the style of the display link. You can select Text or Icon.

  • Text: Displays the hyperlink as a text title. image

  • Icon: Displays the hyperlink as an icon. image

Link address

Enter the link address to jump to.

Opening method

Set the opening method for the link. You can select New Window, Pop-up Window, or Current Window.

  • New Window: Opens a new tab in the browser to display the content of the link. 111

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

    You can click the Opening methodPop-up windowimagePop-up windowDefault sizePop-up titlePage mask icon to the right of in to set the , , , and .

    image.png

    Note
    • When the pop-up form is set to center pop-up, you can choose whether to display the pop-up title. Other pop-up forms display the pop-up title by default and do not support hiding it. image.png

    • Only left drawer, right drawer, and bottom drawer support setting whether to display the page mask. When the mask is not displayed, you can click to switch dimension values.

    • The default size can be set as a percentage or as exact pixels.

      image.png

    • When the pop-up window is open, you can also drag to resize the window and adjust its display position with your mouse.

      Untitled.gif

  • Current Window: Displays the content of the link directly in the current page. 111

Separator

Set the style of the separator. 111

Status icon

In Status icon, you can set the display mode and color of the icon. After selecting this option, you can choose between Always Display and Display on Hover. The default setting is Display on Hover, which means the icon appears only when you interact with the chart.

Note

Status icons include five types of icons: filter interaction, jump, drill down, being filtered, and fluctuation analysis.

  • Always Display

    When you select Always Display, the status icons will always be visible in the chart regardless of whether you interact with it.

    image.png

  • Display on Hover

    When you hover your mouse over the chart, the status icons appear after the main title.

    111

  • Set icon color

    You can customize the color of the status icons.

    111

Configure Parameters in the Remarks and Endnotes Subsection

In the Remarks And Endnotes section, configure the Remarks and Endnotes content.

image.png

For Remarks Position, you can select Follow Title or Above Chart.

  • Follow Title

    image.png

  • Above Chart

    image.png

Configure Parameters in the Widget Container Subsection

In the Widget Container section, configure the Widget Container Background Fill, Border Radius, and .

image.png

Note

In the Title and Card configuration section, 已开通 indicates support, and 未开通 indicates no support.

Widget

Custom Main Title

Remarks

Endnotes

Display Link

Card Padding

Custom Background Fill

Control

Tab

已开通

已开通

未开通

未开通

已开通

已开通

Rich Text

已开通

已开通

未开通

未开通

已开通

未开通

Query Control

未开通

未开通

未开通

未开通

未开通

未开通

Compound Query Control

未开通

未开通

未开通

未开通

未开通

未开通

Image

未开通

未开通

未开通

已开通

未开通

未开通

Embedded Page

未开通

未开通

未开通

已开通

未开通

未开通

Metrics

Scorecard

已开通

已开通

未开通

已开通

已开通

已开通

Trend Indicator

已开通

已开通

已开通

已开通

已开通

已开通

Gauge

已开通

已开通

已开通

已开通

已开通

未开通

Progress Bar

已开通

已开通

已开通

已开通

已开通

已开通

Wave Bar

已开通

已开通

已开通

已开通

已开通

已开通

Ticker Board

已开通

已开通

未开通

已开通

已开通

已开通

Metric Breakdown Tree

已开通

已开通

已开通

已开通

已开通

已开通

Metric Relationship Chart

已开通

已开通

已开通

已开通

已开通

已开通

Table

Trend Analysis Table

已开通

已开通

已开通

已开通

已开通

未开通

Cross Table

已开通

已开通

已开通

已开通

已开通

未开通

Detail Table

已开通

已开通

已开通

已开通

已开通

已开通

Heatmap

已开通

已开通

已开通

已开通

已开通

已开通

Line/Area Chart

Line Chart

已开通

已开通

已开通

已开通

已开通

已开通

Area Chart

已开通

已开通

已开通

已开通

已开通

已开通

Stacked Area Chart

已开通

已开通

已开通

已开通

已开通

已开通

100% Stacked Area Chart

已开通

已开通

已开通

已开通

已开通

已开通

Combination Chart

已开通

已开通

已开通

已开通

已开通

已开通

Column/Bar Chart

Vertical Bar Chart

已开通

已开通

已开通

已开通

已开通

已开通

Stacked Vertical Bar

已开通

已开通

已开通

已开通

已开通

已开通

100% Stacked Vertical Bar Chart

已开通

已开通

已开通

已开通

已开通

已开通

Horizontal Bar

已开通

已开通

已开通

已开通

已开通

已开通

Stacked Horizontal Bar

已开通

已开通

已开通

已开通

已开通

已开通

100% Stacked Horizontal

已开通

已开通

已开通

已开通

已开通

已开通

Circular Bar

已开通

已开通

已开通

已开通

已开通

已开通

Ranking

已开通

已开通

已开通

已开通

已开通

已开通

Waterfall Chart

已开通

已开通

已开通

已开通

已开通

已开通

Dynamic Bar Chart

已开通

已开通

已开通

已开通

已开通

已开通

Pie/Ring

Pie Chart

已开通

已开通

已开通

已开通

已开通

已开通

Rose Chart

已开通

已开通

已开通

已开通

已开通

已开通

Radar Chart

已开通

已开通

已开通

已开通

已开通

已开通

Treemap Chart

已开通

已开通

已开通

已开通

已开通

已开通

Bubble/Scatter

Bubble Chart

已开通

已开通

已开通

已开通

已开通

已开通

Scatter Chart

已开通

已开通

已开通

已开通

已开通

已开通

Faceted Scatter Chart

已开通

已开通

已开通

已开通

已开通

已开通

Funnel/Conversion

Funnel Chart

已开通

已开通

已开通

已开通

已开通

已开通

Comparison Funnel Chart

已开通

已开通

已开通

已开通

已开通

已开通

Flow Analysis Chart

已开通

已开通

已开通

已开通

已开通

已开通

Sankey Diagram

已开通

已开通

已开通

已开通

已开通

已开通

Geography

Bubble Map

已开通

已开通

已开通

已开通

已开通

已开通

Colored Map

已开通

已开通

已开通

已开通

已开通

已开通

Heat Map

已开通

已开通

已开通

已开通

已开通

已开通

Flying Line Map

已开通

已开通

已开通

已开通

已开通

已开通

Symbol Map

已开通

已开通

已开通

已开通

已开通

已开通

Others

Word Cloud

已开通

已开通

已开通

已开通

已开通

已开通

Timeline

已开通

已开通

已开通

已开通

已开通

已开通

Custom Background Color

In the Widget Container section, configure the custom background fill. image.png

  1. Card color supports solid colors and gradients. p826641

  2. Background images support using system preset images or custom images. image.png

    Note

    The following widgets support custom background fill.

    • Controls

      Tab and Image

    • Metrics

      Scorecard, Trend Indicator, Progress Bar, Wave Bar, and Ticker Board

    • Trends

      Line, Area, Stacked Area, 100% Stacked Area, and Combination Chart

    • Comparison

      Vertical Bar Chart, Stacked Vertical Bar, 100% Stacked Vertical Bar Chart, Horizontal Bar, Stacked Horizontal Bar, 100% Stacked Horizontal, and Circular Bar