Stimulsoft Reports.Net is a report generator based on .NET framework, which can help you create structured and feature-rich reports. The report designer of StimulReport.Net is not only friendly in interface, but also easy to use, allowing you to easily create all reports; the report designer can be used during the report design process and the report running process. Use of StimulReport.Net's report designer at runtime does not require any royalty payments.
The created reports can be used in both Windows Forms applications and Asp.Net applications. A variety of data formats can be exported, such as: PDF, XML, HTML, Word, Excel, RTF format, text file, CSV, BMP and JPEG format, GIF, PNG, TIFF format, etc.
Perform the following steps to create a report with a chart:
1. Run the designer;
2. Connect the data:
2.1. Create a new connection;
2.2. Create a new data source;
3. Place the chart component on the page as shown in the image below.
4. Edit the chart component:
4.1. Align by width;
4.2. Change the properties of the chart component. For example, set the GrowToHeight property to true, if the Chart component is required to grow by height;
4.3. If necessary, set Borders for the Chart component;
4.4. Change the border color.
4.5. Editing the chart area. For example, if you need to change the color of the chart area, change the Area.Brush.Color property.
5. Change the chart type using the Chart Type property. For example, set it to Clustered Column:
6. Add the series. For example, the Series Editor is invoked by double-clicking on the Chart.
Click the Add Series button to add a series and select the series type in the menu. The image below shows the menu for the Add Series button:
Note that the type of number matches the type of chart; if it is a clustered column chart type, the series must be clustered column.
7. Set the chart series:
7.1. Get the data of Value and Argument of series. There are three ways to get the data of a series: setting the column data from a dictionary, or specifying an expression, or manually specifying the values of the series as a list via the "," delimiter. For example, create two lines and manually define the values of these series as a list with a ";" separator: for parameters series 1 - A;B, value-1; 1.25; for parameters series 2 - A;B, value-2, 0.75.
7.2. Change the value of a series property. For example, set the Show Zeros property to false if you need to hide zero values;
7.3. Enable or disable series labels;
7.4. Edit row headers: align, change style, font, value type, etc.;
7.5. Change the design of a series by setting the values of the following properties: Border Color, Brush, Show Shadow.
The following image shows an example report template with charts:
8. Edit the legend:
8.1. Enable or disable the visibility of Legends. You can achieve this by setting the value of the Legend.Visible property to true or false;
8.2. Horizontally and vertically align the legend;
8.3. Change the design of the legend, etc.
The following image shows an example of a report template with a chart showing a legend:
9. Change the style of the chart to completely change the appearance of the chart:
9.1. Change the style property. The value of the attribute is the chart style;
9.2. Set AllowApplyStyle to true. If the AllowApplyStyle property is set to false, the report generator will take the value of the series appearance into account when rendering.
The following image shows an example report template for a chart with changed styles:
10. Click the Preview button or to invoke the viewer, click the Preview menu item. The following image shows a sample report with charts:
add style
1. Go back to the report template;
2. Invoke the style designer;
the figure below shows the style designer:
Click the Add Style button to start creating styles. Select a chart from the drop-down list. Use the Basic Color Style, Brush Type, and Style Colors property groups to set the style.
Click Close. In the list of Style property values of the chart component, the custom style will be displayed. In our example, the value is Style of Chart. select this value;
3. Click the Preview button or to invoke Viewer, click the Preview menu item. The following image shows an example report with a styled chart:
