Charts
YouTube |
Check out our video tutorials on creating reports with charts. Subscribe to the Stimulsoft channel to be the first to know about new tutorials. Leave your questions and suggestions in the video comments.
|
Chart is a data visualization tool used in a report. With this tool, data is processed, and the results are displayed using graphical elements.
The type of chart depends on the type of chart series. A single series represents the values of one data column, except in cases where multiple values are required to display graphical elements. For example, financial charts require four values to render a single graphical element.
Thus, a single Chart component can display multiple chart series. In this case, the series types are the same, but the data differs. However, some series types are compatible with others. For instance, a Histogram and a Line can be displayed within the same Chart component.
Information |
The following series types are compatible with each other:
|
Chart series data can be:
Obtained from data sources;
Entered manually.
To add a Chart component to a report, follow these steps:
In the Infographics menu on the toolbox or the Insert tab of the designer’s Ribbon panel, select a chart type.
Click the desired location in the report with the left mouse button.
Next, resize the Chart component and configure it in the component editor. To open the Chart component editor:
Double-click the Chart component in the report;
Open the context menu of the Chart component and select the Design command.
Chart Editor
The chart and its elements are configured in the editor using properties. All properties are grouped on specific tabs based on the chart element they belong to. Additionally, properties within each tab are grouped by purpose, with each group represented as a separate section.
Each tab in the editor includes:
A chart preview panel with property groups;
A properties panel;
Additionally, some tabs may display extra panels when selected.
All tabs and their property groups will be covered in the following sections:
Chart;
Series;
Area;
Labels;
Styles.
The table below lists chart series types with brief descriptions.
Series |
Description |
Clustered Column: |
|
Clustered Column Displays values for a specific argument. In histograms, graphical elements are arranged along the horizontal axis, while values are plotted on the vertical axis. |
|
Stacked Column Shows the proportion of values from different series for a specific argument. Each value represents a segment of the graphical element. |
|
Full-Stacked Column Displays the relative share of each value as a percentage of the total for a given argument. |
|
3D Clustered Column |
|
3D Stacked Column Similar to a 3D Clustered Column but includes segments representing each category's contribution to the total. |
|
3D Full-Stacked Column A stacked column normalized to 100%, showing proportions between categories. |
|
Line: |
|
Line Line and line with markers are used to indicate individual data values, line charts are useful to show trends over time or ordered categories, especially when there are many data points and the order in which they are presented is important. |
|
Stacked Line Displayed with or without markers to indicate individual data values, stacked line charts are useful to show the trend of the contribution of each value over time or ordered categories. If there are many categories or the values are approximate, you should use a stacked line chart without markers. |
|
Full-Stacked Line This is a kind of the Line series by which you can compare the relative proportion of each value of the series among the total aggregate value of specific arguments. Lines without markers are recommended in the approximation of the set of value arguments. |
|
Spline This type of series is used to display a smooth line, the points of which are the values of the series. Each point has its coordinates depending on the value and argument of the chart series. After all points are specified, a spline will be drawn. Points on the chart can be displayed using markers. Spline without markers is recommended in the approximation of the set of value arguments. |
|
Stacked Spline This type of series is used to display a smooth line, the points of which are the values of the series. Each point has its coordinates depending on the value and argument of the chart series. The points of the next row of the chart are located above the smooth line of the previous row of the chart. After all points are specified, a stacked spline will be drawn. Points on the chart can be displayed using markers. Smooth lines without markers are recommended for the approximation of the set of value arguments. |
|
Full-Stacked Spline This is a variety of Spline series, with which you can compare the relative proportion of each value of a series in the total aggregate value of specific arguments. Smooth lines without markers are recommended in the approximation of the set of value arguments. |
|
Stepped Line This is a variation of the Line series, which will be displayed using only vertical and horizontal lines. |
|
3D Line A three-dimensional linear chart to analyze changes across three axes (X, Y, Z). |
|
Pie: |
|
Pie Pie charts display the contribution of each value to a total. It is possible to manually pull out the slices of a pie chart to emphasize them. |
|
3D Pie A 3D version of the pie chart displaying shares or percentages of data. |
|
Doughnut A doughnut chart is functionally similar to a pie chart, with the exception of a blank center and the ability to support multiple statistics as one. |
|
Clustered Bar: |
|
Clustered Bar Clustered bar charts compares values across categories. In a clustered bar chart, the categories are typically organized along the vertical axis, and the values along the horizontal axis. |
|
Stacked Bar Shows proportions of values from different series for a specific argument. |
|
Full-Stacked Bar Displays the relative share of each value as a percentage of the total for an argument. |
|
Gantt Displays the duration of values over time. |
|
Area: |
|
Area A variation of a line chart where the area under the line is filled. |
|
Stacked Area Displays proportions of areas for different series. |
|
Full-Stacked Area Shows relative proportions of areas as percentages. |
|
Spline Area A smooth line version of the area chart with a filled region. |
|
Stacked Spline Area Similar to Spline Area, with stacked regions for different series. |
|
Full-Stacked Spline Area Displays the relative share of smooth area series in a total. |
|
Stepped Area This is a type of linear series. In the chart area, points are marked by coordinates - the value and argument of the series. Then, strictly vertical and horizontal lines pass through these points. The area between the line and the axis of the arguments is filled with color. |
|
Range: |
|
Range The chart type Range can be used to display the interval of values per unit of time or period of time. To build such a diagram you should have start and end values. |
|
Spline Range The series of this type displays the interval of change of values by strictly vertical lines and the time interval by any smooth straight lines. |
|
Stepped Range A row of this type displays the interval of changing values by strictly vertical lines and a time interval by strictly horizontal lines. |
|
Range Bar This type of series is used to display a range of values as columns for each argument. Also, if the chart has more than one row, it shows the ratio of the values of different rows for the current argument. |
|
Scatter: |
|
Scatter Displays data as individual points on a coordinate plane, showing the relationship between two variables. |
|
Scatter Line Adds lines connecting the points, enabling the visualization of trends or data sequences. |
|
Scatter Spline This type of chart can be displayed with or without a smooth curve connecting the data points. These lines can be displayed with or without markers. Use the scatter chart without markers if there are many data points. |
|
Bubble |
|
Radar: |
|
Radar Point |
|
Radar Line |
|
Radar Area This series is used to display three-dimensional data in two-dimensional space, using points and lines that form a region, on a circular region. |
|
Funnel: |
|
Funnel This type of series is used to display statistical data, for example, sales stats and attendance of an online store. Depending on the value, the width of the parts of the graphic element will change. |
|
Funnel Weighted Slices This type of series is used to display statistical data, for example, stats by sales and attendance of an online store. The graphic element will always be in displayed as a funnel, where every part is a separate value. Depending on the value, the height of the parts of the graphic element will change. |
|
Financial: |
|
Candlestick The financial series, using which you can display stock indicators of stocks, currencies, precious metals, etc. |
|
Stock Another series for the financial chart, which displays market trends. |
|
Treemap: |
|
Treemap |
|
Heatmap Uses a color gradient to represent values in a table format. Useful for density or distribution analysis. |
|
Histogram: |
|
Histogram Displays data distribution with vertical bars representing value frequency. |
|
Pareto |
|
Ribbon Represents data with horizontal ribbons for easy comparison. |
|
Pictorial: |
|
Pictorial |
|
Pictorial Stacked Icons show total values with stacking for categories. |
|
Other: |
|
Sunburst A hierarchical circular chart with nested data. |
|
Box and Whisker Displays data distribution with quartiles, median, and outliers. |
|
Waterfall Shows cumulative totals by adding or subtracting values. |