Overview
Version
Report Server Version |
11.0 |
Application Scenario
Chart series is a setting item under Chart Style, which can be used to change the display style and format of the chart series.
This document will introduce all the basic common series settings in charts together, and certain special settings for specific charts will be introduced respectively in different documents.
Function Description
Series properties of charts varies with different chart types. The following figure shows the series settings panel for a column chart.
Configuration Description
Color
Different chart types have different color settings. This document uses column charts and maps as examples to briefly introduce the settings. For more details about the color settings of other chart series, see the documents of the respective chart types.
Gradient Style
Individual columns in column charts and bar charts can be displayed in gradient effects, so these two types of charts have the Gradient Style setting. Gradient Style is set to Off by default, and Theme is selected as Color Scheme by default.
Note:
1. Auto: Automatically set the gradient style based on the color scheme of the series.
2. When Gradient Style is set to Off, the colors of the shapes are displayed according to Color Scheme. When the theme color is set to Combination Color, the series is displayed in different colors. When the theme color scheme is set to Gradient Color or the color scheme is set to Custom Gradient Color, the series instead of individual bars will be displayed in gradient colors.
3. When selecting Custom Gradient Color, you can click the icons on the left and right to customize the colors of the gradient left and right intervals. In this case, individual columns have the gradient color, and different series use the same gradient color.
Configuration Steps
Note:1. Color Section > Series
When Series is selected for Color Section, Color Scheme is displayed according to the series, as shown in the following figure.
Color Scheme: It is selected as Theme by default, and you can choose other built-in color schemes or customize your own color scheme. For details about Color Scheme, see Predefined Chart Color.
Null Color: A specific setting for maps, which represents the color displayed when a certain area of the map has no data. Null Color is selected as Auto by default, which displays different colors based on the light or dark theme, but it can also be customized to other colors.
Opacity: You can change the opacity of the map color.
2. Color Section > Value > Continuous Gradient
When Color Section is set to Value, and Continuous Gradient is selected as Color Type, the series values can be displayed in a gradient color effect.
Custom Maximum Value, Custom Minimum Value: You can set the gradient color range. The two options are not selected by default.
Theme Color: You can set the main color for the gradient.
Section Range: You can divide the gradient color into multiple ranges.
3. Color Section > Value > Area Gradient
When Color Section is set to Value and Area Gradient is selected for Color Type, the series values are divided into multiple ranges each of which represents a different color. The ranges are connected to create the final gradient effect. The following figure shows the settings.
Theme Color: You can set the main color for the gradient.
Section Range: You can divide the series value into multiple ranges.
Range Value: You can set the value for each range, which can be set to Auto or Custom. Select Auto to use the section strategy by default, and select Custom to manually set the range.
Style
1. Column Chart, Bar Chart, Combination Chart
Fixed Column Width: You can select Yes and customize Fixed Column Width. When No is selected, the fixed column width will be automatically adjusted.
Series Gap: You can set the distance between series, which can be a negative number. When it is negative, the columns will overlap.
Category Gap: You can set the distance between categories.
Filled with Image: You can fill the columns with images. For details, see Chart Custom Series Filling.
2. Pie Chart
Start Angle: You can set the start angle of the entire pie chart, ranging from 0 to 360.
End Angle: You can set the end angle of the entire pie chart, ranging from 0 to 360.
Core: You can set the pie chart to a ring effect. The larger the inner radius ratio, the larger the inner radius of the ring, ranging from 0 to 100.
Radius Setting: You can set the size of the pie chart radius to Auto or Fixed. When selecting Fixed, you can customize the value.
Rotatable: When selecting On, you can drag and rotate the pie chart, whose effect is similar to a roulette wheel effect.
For details about pie chart styles, see Pie Chart.
3. Multi-Pointer Gauge
Cap: You can select the central cap color of the gauge.
Cap Background: You can select the background color around the central cap of the gauge.
Pointer: You can select the color of the pointer.
Chassis Background: The overall chassis background color of the gauge, which is automatically displayed in different colors based on the template theme, either light or dark.
Radius Setting: Select Auto to use the default radius, and select Fixed to customize the radius of the gauge.
4. Percentage Donut Gauge
Rotation Direction: The rotation direction of the percentage ring, divided into Counterclockwise and Clockwise.
Chassis Background: You can control the background color of the percentage ring area, which is automatically displayed in different colors based on the template theme, either light or dark.
Inner Chassis Background: You can control the background color of the chassis inside the ring. The default color is transparent.
Radius Setting: You can control the size of Percentage Donut Gauge, divided into automatic and fixed types.
Chute Proportion: You can control the proportion of the percentage donut area.
5. Multilayer Pie Chart
Gradual Level: You can select Gradual Light or Gradual Deep to control the color gradient by level.
Start Angle: You can select an integer ranging from 0 (default value) to 360.
End Angle: You can select an integer ranging from 0 to 360 (default value).
Core: You can set the proportion that the core (inner blank area) occupies the pie chart. The default value is 0 (solid pie chart).
Drill: You can select On (default value) or Off.
Rotatable: You can select On (default value) or Off.
6. Treemap Chart
Drill: You can select On or Off for Drill.
7. Funnel Chart
Continuity: You can change the continuity of the series graph. Continuity is divided into Continuous and Discontinuous, and is selected as Continuous by default. You can set it based on the actual scenario.
Sort: You can set Sort to Ascend, Descend, and None, which is set to Descend by default. When Ascend is selected, the chart is inverted, with the smallest value at the top, which can be used to create a pyramid chart. When Descend is selected, the smallest value is at the bottom. When None is selected, the data is sorted according to the order in the dataset.
8. Heat Map
Render Radius: You can customize the radius size of the heat point.
Blur: You can customize the blurriness of the heat point.
9. Word Cloud
Shape: It can be set to Default, Cloud, Funnel Type, Pyramid, Cabin, Thumb, Map, and Currency. You can select the shape of the word cloud according to your needs.
Rotation Angle: You can control the rotation angle of the words, ranging from -90 to 90.
Font: Select the font of the words, which is set to Microsoft YaHei by default.
Custom: You can select Auto or Define Size. When selecting Define Size, you can control the size range of the words.
10. Gantt Chart
Series Newline: You can control whether the series in the gantt chart are displayed in the same line or not. Series Newline is set to Off by default.
Border
You can set the border style of the series. The following figures show the border setting panel for each type of chart.
Line Style: You can select the thickness of the border line, with a total of four options.
Color: You can set the color of the border line, which is set to Auto by default.
Rounded Corner: You can set the corner radius effect of the border.
Opacity: It is specific to maps. You can set the opacity of the border line.
1. Pie Chart, Radar Chart, Multilayer Pie Chart, Treemap Chart, and Funnel Chart
2. Bar Chart, Column Chart, and Combination Chart
3. Map, Drill Map, and Heat Map
Trendline
Trend line is used to describe the trend of data changes. It is a property of the series. You can set Trend Line in Bar Chart, Line Chart, Scatter Chart, Combination Chart, Column Chart, and Area Chart. The following figure shows the setting page.
Name: You can set the name of the trend line.
Line Style: It can be set to solid line or dashed line.
Line Width: You can set the width of the trend line.
Color: You can set the color of the trend line.
Type: Four types are available. For details, see Chart Trend Line Principle.
Prediction: You can set the prediction period of the trend line to analyze the past and predict the future.
1. The horizontal axis is a categorical axis.
If the horizontal axis is a categorical axis, the corresponding categorical axis label content for the prediction is blank.
Select the chart and choose Style > Series > Trend Line on the chart property panel. Select solid line as Line Style, set Line Width to 2px, set Color to gray, set Type to Logarithmic Fitting, and set Forward to 1 Cycle and Backward to 2 Cycle in Forecast, as shown in the following figure.
The following figure shows the effect.
2. The horizontal axis is a time coordinate axis or a numerical coordinate axis.
If the horizontal axis is a time axis or a value axis, the corresponding cycle equals to the size of the current major scale value.
If you predict forward or backward n cycles, the corresponding chart will be pushed forward or backward by n scale sizes, and the coordinate axis label values within the forward or backward range need to be displayed.
Select the chart and choose Style > Axis > X Axis. Change the type to numerical coordinate axis, and set the value definition and format as follows.
The following figure shows the preview effect.
Note:Big Data
When the amount of data is large, reaching tens of thousands, the chart loading may be slow. In this case, you can enable Big Data Mode. For details, see Big Data Mode.
You can set Big Data Mode for Line Chart, Area Chart, Scatter Chart, Bubble Chart, Flow Map, Point Map, and Combination Map.
Line
When the series of the chart contains a line type, you can set the properties of the line style.
Charts that support line style setting include Line Chart, Area Chart, Radar Chart, Scatter Chart, and Combination Chart.
Line Style: You can set solid or dashed lines.
Line Width: You can set the thickness of the line.
Shape: You can set the shape of the line, with three available options.
Null Value Break: When it is set to On, the line is broken when the data is null.
Mark Point
When the series of the chart contains mark points, you can set the properties of the mark points, as shown in the following figure.
Charts that support mark point setting include Line Chart, Area Chart, Radar Chart, Scatter Chart, and Combination Chart.
Point Style: It is set to General by default. When it is set to Custom, you can use images as mark point fill.
Type: You can change the shape of the mark point, with eight built-in styles available to be selected.
Fill Color: You can set the color of the mark point, which is set to Series Color by default.
Radius: The size of the mark point's radius
The settings for setting the mark point vary with different chart types, which are introduced separately below:
1. Line Chart
Auto: When Auto is selected, the chart displays solid circle mark points or no mark points based on visual design rules.
None: When None is selected, the mark points are not displayed on the front end, but the default mark points are displayed when you hover the cursor over the line chart.
2. Scatter Chart
Auto: When Auto is selected, the default built-in mark point types are automatically assigned based on the number of series.
3. Area chart and Radar Chart
None: When None is selected, the mark points are not displayed on the front end, but the default mark points are displayed when you hover the cursor over the line chart.
Previous：Line-Wrapping Display of Chart Titles/Axes/Labels
