This topic describes how to configure the style of the title of a chart and effect display for the chart by configuring the parameters in the Title and Card section on the Style tab of the dashboard edit page of the chart. The following parameters are configured for a line chart.
Configure parameters in the title subsection
In the Title section, you can customize information such as Main Title Content and Display Link.
In the Status Icon section, you can set the display mode and color of the icon. You can select Always Show or Hover Over to display the icon. By default, this parameter is set to Hover over. In this mode, the icon appears only when you perform operations on the chart.
Icon: Linkage, Jump, Drill-Down, Filtered, and Fluctuation Analysis.
Always Show
If you select Always, the status icon is displayed in the chart regardless of whether operations are performed on the chart.
Hover over
When you move the pointer over the chart, the status icon appears after the main title.
Set the icon color
You can customize the color of the status icon.
When you configure Link Redirection, you can set the Popup Window parameter to Format, Default Size, Title, and Page Mask.
When the pop-up form is centered, the pop-up title can be displayed or not displayed. For other pop-up forms, the pop-up title is displayed by default and cannot be set to not displayed.
Only the left drawer, the right drawer, and the bottom drawer support whether to display the page mask. If the page mask is not displayed, you can click to switch the dimension value.
The default size supports setting by percentage or by exact pixel.
When the pop-up window is opened, you can drag the window size and display position.
Configure parameters in the remarks and endnotes subsection
In the Notes and Endnotes section, configure Notes and Endnotes.
You can set Save To to Follow Title or Above Chart.
Follow Title
Above Chart
Configure parameters in the widget container subsection
In the Widget Container subsection, you can configure the Custom Background Color, Round, and Card Inner Padding parameters.
In the Configuration Title and Card sections, indicates that the configuration is supported. indicates that the configuration is not supported.
Component | Customize the main title | Remarks | Endnote | Show Link | Card Padding | Configure the Custom Background Color parameter | |
Control | Tab | ||||||
Text Area | |||||||
Filter Bar | |||||||
Compound Query Control | |||||||
Picture | |||||||
IFrame | |||||||
Metric | Scorecard | ||||||
Trend Indicator | |||||||
Gauge | |||||||
Progress Bar | |||||||
Wave Bar | |||||||
Ticker Board | |||||||
Decomposition Tree | |||||||
Metric Relationship Chart | |||||||
Table | Trend Analysis Table | ||||||
Cross Table | |||||||
Fact Table | |||||||
Heatmap | |||||||
Line/Area Chart | Line | ||||||
Area | |||||||
Stacked Area | |||||||
100% Stacked Area | |||||||
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 Board | |||||||
Waterfall Chart | |||||||
Dynamic Bar Chart | |||||||
Pie/Ring | Pie | ||||||
Rose | |||||||
Radar | |||||||
Treemap | |||||||
Bubble/Scatter | Bubble | ||||||
Scatter | |||||||
Facet Scatter | |||||||
Funnel/Conversion Relationship | Funnel Chart | ||||||
Comparable Funnel | |||||||
Flow | |||||||
Sankey Diagram | |||||||
Geography | Bubble Map | ||||||
Colored Map | |||||||
Heatmap | |||||||
Line Map | |||||||
Symbol Map | |||||||
Reference | Word Cloud | ||||||
Timeline |
Custom background color
In the component container, configure a custom background fill.
Card colors support solid colors and gradients.
You can use preset images or custom images for background images.
NoteThe following components support custom background padding.
Control
Tab and Image
Metric
Scorecard, Trend Indicator, Progress Bar, Wave Bar, and Ticker Board
Trend
Line, Area, Stacked Area, 100% Stacked Area, and Combination Chart
Compare
Vertical Bar Chart, Stacked Vertical Bar, 100% Stacked Vertical Bar Chart, Horizontal Bar, Stacked Horizontal Bar, 100% Stacked Horizontal, and Circular Bar