FlexChart Field

FlexReportDesigner provides the field type, FlexChart field. The FlexChart field simplifies adding data visualization capabilities to FlexReport using flexible data binding, multiple chart types, and supports grouping and data aggregation.

For more information on FlexChart, see FlexChart documentation.

Binding FlexChart Field with Data

When you add the FlexChart field to your report, you need to bind it to data for populating the data in the displayed chart, say Column chart, as shown below. The following steps show how to bind the FlexChart field with data in FlexReportDesigner application.

1. Create a new report in FlexReportDesigner.

2. In Data tab, bind the Main data source with Products table of C1Nwind.mdb database.

3. Under INSERT tab, select FlexChart field and draw it in the Header section.

4. Select the FlexChart.

5. In the Properties window, set the desired Chart Type, say Column chart, from ChartType dropdown.

6. Navigate to Series and click the ellipsis button next to it.

7. In the Series Collection Editor, click Add button to add a series data group.

   
   

   
   

8. Navigate to Data and set the DataSourceName as Main.

9. Set Label as ProductID.

10. Set XExpression to ProductID.

11. Set YExpression to UnitPrice.

12. Close the Editor.

13. Click on Preview.

    
    

Comparison between FlexChartField and FlexChart

FlexChartField inherits majority of properties from FlexChart. However, since FlexChartField is used in reporting scenarios, few properties and their nature are different from FlexChart. The major difference between the two controls appears in binding the controls with data as the binding properties are different in FlexChartField from that of FlexChart. The following table shows the high-level object model difference between the FlexChartField (FlexReport) and FlexChart.

The following table shows the Series Object Model comparison.