Overview
Version
| Report Server Version |
|---|
| 11.0 |
Application Scenario
Background is a setting item under Chart Style, which can be used to change the display style and format of the chart background.
A chart has four different areas:
Chart area (marked by black frame)
Drawing area (marked in light grey)
Title area (marked in pink)
Legend area (marked in light yellow)
You can select Style to set attributes such as Border and Background for the four areas separately. You can set the title background under Title and the legend background under Legend. Drawing Area and Chart Area are in Background, as shown in the following figure.
Function Description
The Chart Area and Drawing Area settings are available under Style > Background. For all charts, Chart Area is available, but Drawing Area may be unavailale and provide different setting items according to different chart types.
1. Chart Area Setting
Border and Background setting items are available in Chart Area, as shown in the following figure.
2. Drawing Area Setting
Taking a column chart as an example, five setting items, namely Border, Background, Gridline, Alert Line, and Gap Background, are available in Drawing Area, as shown in the following figure.
Chart Area
Border
You can configure border styles to frame the chart at the outermost edge and set the border color.
You can select the chart and choose Style > Background > Chart Area to set the border.
Line Style: You can set four line styles, namely none, small, medium, and large.
Color: You can set the border color.
Rounded Corner: You can set the angles of four border corners.
The border added by default is right-angled. You can set the border to have rounded corners, and the line to be thick and green, thereby forming a rounded thick green border.
The following figure shows how to set the border in Chart Area.
The following figure shows the preview effect of the border set in Chart Area.
Note:1. When the title area, legend area, and alert lines overlap with the chart area border, the chart area border is displayed in the lower layer.
2. When chart labels, graphics, axes, and data tables overlap with the chart area border, the chart area border is displayed in the upper layer.
Background
You can set Fill, Opacity, and Shadow in Background, as shown in the following figure.
Fill: You can configure five setting items, namely, Theme, No Background, Color, Image, and Gradient Color.
Opacity: You can set the background opacity to a value ranging from 0 (fully transparent) to 100% (fully opaque).
Shadow: You can determine whether to enable the shadow effect (disabled by default).
For example, you can add a green background with Opacity set to 20% to the chart. The following figure shows the preview effect of the background set in Chart Area.
Notes
You can set the background in Chart Area for chart blocks in FRM templates on the Attribute tab page of a component. For details, see Component Style.
The tip "This function will be merged. Set the background on the Attribute tab page of the component." is added for the chart blocks under Style > Background > Chart Area, as shown in the following figure.
Note:
Drawing Area
Taking a column chart as an example, five style setting items, namely Border, Background, Gridline, Alert Line, and Gap Background, are available in Drawing Area. Border and Background here are the same as those in Chart Area, which are not elaborated. The following describes Gridline, Alert Line, and Gap Background in detail.
Gridline
Gridline specifices the grid effect displayed on the chart background during report preview. You can set two types of gridlines, namely Horizontal and Vertical. You can set lines to be solid or dashed and customize line colors, as shown in the following figure.
The following figure shows the preview effect of Gridline.
Alert Line
Alert Line specifices a reference standard or defines a target value.
1. Alert Line Setting
Position: X axis or Y axis
Value: alert line value entered by formula
Line Style: solid line or dashed line
Color: line color
2. Alert Text Setting
Position: alert text position (left or right of the alert line)
Content: content entered by formula
Font: font type
Size: font size
Color: font color
Complete the setting, as shown in the following figure.
The following figure shows the preview effect of Alert Line.
Gap Background
Default Gap: You can add a gap background to the drawing area based on the grid lines of the horizontal and vertical axes.
The following figure shows the effect of adding a default horizontal gap.
Custom Gap: You can customize multiple gaps for which different colors are set, as shown in the following figure.
The Vertical setting is the same as the Horizontal setting in Gap Background. For details, see Custom Chart Gap Background.
Previous：Data Table in Charts
