# RadarChart Field

## Content

The FlexReport control provides the `RadarChartField` field type for displaying radar charts in reports. You can use the FlexReportDesigner to add radar charts and configure their properties.
Radar charts display multiple data series across a shared set of categories on a radial axis. They are useful for comparing groups of values across several characteristics or dimensions.

## Bind RadarChartField to Data

After adding a `RadarChartField` to a report, bind it to a data source to display data in the report output.
The following example uses the `SalesByQuarter` table from the `C1Nwind.mdb` database.

### Step 1: Create a Report and Bind the Data Source

1. Create a new report in FlexReportDesigner.
2. In the **Data** tab, bind the `Main` data source to the `SalesByQuarter` table from the `C1Nwind.mdb` database.

For detailed data-binding instructions, see the [FlexReport QuickStart](/componentone/docs/win/online-flexreport/flexreport-quickstart) documentation

### Step 2: Add a RadarChartField

1. On the **INSERT** tab, select **RadarChart**.
2. Place the chart in the report section where you want it to appear, for example, the **Header** section.
3. Select the chart on the design surface.
4. In the **Properties** window, set the `ChartType` property to the desired chart type, such as `Line`.

### Step 3: Configure Series Data

1. In the **Properties** window, locate the `Series` property.
2. Click the ellipsis (**...**) button to open the **Series Collection Editor**.
3. Click **Add** to create a series.
4. For each series, configure the following properties:

    | Property | Value |
    | -------- | ----- |
    | `YExpression` | `ProductX`, `ProductY`, or `ProductZ` |
    | `Label` | Match the selected `YExpression` |
    | `DataSourceName` | `Main` |
5. Click **OK** after configuring all series.

![image-20260424-061607-20260428-115758](https://docapp.mescius.io/DOCUMENT_SITE_LINK_PREFIX_HERE/document-site-files/images/96483bc4-d0db-40fa-a0e4-c5e6a4a56825/image-20260424-061607-20260428-115758-20260513.c82367.png?width=500)

### Step 4: Configure Category Labels

In the chart `Data` section, set the following properties:

| Property | Value |
| -------- | ----- |
| `DataSourceName` | `Main` |
| `XLabelExpression` | `QuarterMonth` |

![image-20260424-061639-20260428-115859](https://docapp.mescius.io/DOCUMENT_SITE_LINK_PREFIX_HERE/document-site-files/images/96483bc4-d0db-40fa-a0e4-c5e6a4a56825/image-20260424-061639-20260428-115859-20260513.7b0083.png?width=300)

### Step 5: Preview the Report

Click **Preview** to render the report.
![image-20260424-061700-20260428-115958](https://docapp.mescius.io/DOCUMENT_SITE_LINK_PREFIX_HERE/document-site-files/images/96483bc4-d0db-40fa-a0e4-c5e6a4a56825/image-20260424-061700-20260428-115958-20260513.2a8b79.png?width=600)

## RadarChartField and FlexRadar Differences

`RadarChartField` inherits most of its functionality from `FlexRadar`. However, `RadarChartField` is designed specifically for reporting scenarios and uses a reporting-oriented data-binding model.
The primary difference between the two controls is the data-binding implementation:

* `FlexRadar` uses the standard chart binding approach for application UI scenarios.
* `RadarChartField` uses expressions and report data sources that integrate with the FlexReport reporting engine.