All Products
Search
Document Center

Quick BI:Configure the Chart Title

Last Updated:Jan 20, 2025

This topic describes how to style the title and card area within the style tab of the dashboard editing interface, using a line chart as an example.

Configure Parameters in the Title Subsection

In the Title section, you can personalize elements such as the main title content and display link.

image.png

You can define the status icon's display mode and color. Two modes are available: always display and hover display, with hover display being the default. In this mode, the icon is visible only when interacting with the chart.

Note

The Status icon features five distinct icons: filter interaction, jump, drill down, filtered, and fluctuation analysis.

  • Always display

    Choosing always display ensures the status icon remains visible on the chart at all times, regardless of user interaction.

    image.png

  • Hover Display

    Moving your mouse cursor over the chart causes the status icon to appear next to the main title.

    Untitled.gif

  • Set Icon Color

    You can customize the status icon's color to your preference.

    Untitled.gif

When setting up link jumps, you can select popup as the opening method. Configure the popup form, default size, popup title, and page mask to your preference.image.png

Note
  • For centered popups, you can choose to display or hide the popup title. Other popup styles automatically show the title without the option to hide it.image.png

  • Only the left, right, and bottom drawer popups allow you to toggle the display of the page mask. Without the mask, clicking enables you to switch dimension values.

  • You can set the default size using either a percentage or exact pixel measurements.

    image.png

When the popup appears, you can adjust the window size and position using your mouse.

Untitled.gif

Configure Parameters in the Remarks and Endnotes Subsection

In the Remarks and Endnotes section, set up the content for remarks and endnotes.

image.png

You can position remarks using one of two methods: following the title or above the chart.

  • Following the Title

    image.png

  • Above the Chart

    image.png

Configure Parameters in the Widget Container Subsection

In the Widget Container section, set the background fill, border radius, and card padding options.

image.png

Note

For title and card area settings, an 已开通 symbol denotes support, while an 未开通 indicates lack of support.

Component

Custom main title

Remarks

Endnote

Display link jump

Card padding

Custom background fill

Control

Tab

已开通

已开通

未开通

未开通

已开通

已开通

Rich Text

已开通

已开通

未开通

未开通

已开通

未开通

Query Control

未开通

未开通

未开通

未开通

未开通

未开通

Composite Query Control

未开通

未开通

未开通

未开通

未开通

未开通

Image

未开通

未开通

未开通

已开通

未开通

未开通

Embedded Page

未开通

未开通

未开通

已开通

未开通

未开通

Indicator

Kanban

已开通

已开通

未开通

已开通

已开通

已开通

Trend Indicator

已开通

已开通

已开通

已开通

已开通

已开通

Dashboard

已开通

已开通

已开通

已开通

已开通

未开通

Progress Bar Chart

已开通

已开通

已开通

已开通

已开通

已开通

Wave Bar

已开通

已开通

已开通

已开通

已开通

已开通

Ticker Board

已开通

已开通

未开通

已开通

已开通

已开通

Indicator breakdown tree

已开通

已开通

已开通

已开通

已开通

已开通

Indicator relationship graph

已开通

已开通

已开通

已开通

已开通

已开通

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

Column Chart

已开通

已开通

已开通

已开通

已开通

已开通

Stacked Column Chart

已开通

已开通

已开通

已开通

已开通

已开通

100% Stacked Column Chart

已开通

已开通

已开通

已开通

已开通

已开通

Bar Chart

已开通

已开通

已开通

已开通

已开通

已开通

Stacked Bar Chart

已开通

已开通

已开通

已开通

已开通

已开通

100% Stacked Bar Chart

已开通

已开通

已开通

已开通

已开通

已开通

Circular Bar

已开通

已开通

已开通

已开通

已开通

已开通

Ranking List

已开通

已开通

已开通

已开通

已开通

已开通

Waterfall Chart

已开通

已开通

已开通

已开通

已开通

已开通

Dynamic bar chart

已开通

已开通

已开通

已开通

已开通

已开通

Pie/circular

Pie Chart

已开通

已开通

已开通

已开通

已开通

已开通

Rose Chart

已开通

已开通

已开通

已开通

已开通

已开通

Radar Chart

已开通

已开通

已开通

已开通

已开通

已开通

Treemap Chart

已开通

已开通

已开通

已开通

已开通

已开通

Bubble/scatter

Bubble Chart

已开通

已开通

已开通

已开通

已开通

已开通

Scatter Chart

已开通

已开通

已开通

已开通

已开通

已开通

Facet Scatter Chart

已开通

已开通

已开通

已开通

已开通

已开通

Funnel/conversion relationship

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 Fill

Configure the custom background fill within the widget container.image.png

  1. Card color options include solid and gradient fills.p826641

  2. For background images, you can choose from system presets or upload your own.image.png

    Note

    The following components support custom background fill:

    • Control

      Tab and Image

    • Indicator Category

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

    • Trend Category

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

    • Comparison Category

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