Creating Radar Charts

A. Create a radar chart with lines

1. Drag the radar chart icon to create a new chart
2. Set the RadarType to Radar3D
3. Set the RadarStyle to Lines
4. Set a brush for the 3D background with Background3D property.

Adding data

5. Add data for two series with the SeriesCollection Editor:
   Series0: 39.88,72.47,58.48,81.65,62.17,69.07
   Series1: 25.13,87.31,38.09,96.22,19.87,42.11
6. Set the scale divisions for the inner axis. Set MinValue to 0, MaxValue to 120 and Span to 30.

Setting labels of the inner axis

7. Set the label type of the inner axis with InnerAxisLabelType to 
   AxisLabelType.AutoScale. This will draw the scale divisions as axis labels.
8. Choose format of the inner labels with InnerLabelFormat. In the sample, it is set to NumberFormat.Fixed_point_0Digits.
9. Choose position for the inner axis with InnerAxisPosition. In the sample, Position.Top is chosen.

Brushes and pens

10. Set two brushes for filling the radar polygons with the BrushCollection editor and the ChartBrushes property.
11. Add two pens for drawing the radar polygons with the PenCollection editor and ChartPens.

Tip
Pens that are a bit darker than the respective brush make nice outlining.

12. Add a grey brush for drawing the biggest radar circle through OuterAxisPen.
13. Set the pen for the inner axis with InnerAxisPen.
14. Add the same pen to the AltAxesPens property using the PenCollection editor.
15. Choose a brush for the background of the control with BackgroundBrush.

Setting labels of radar segments

16. Add the labels for the radar segments with OuterLabels. Write there "2001, 2002, 2003, 2004, 2005, 2006".
17. Set LabelFont to Arial, 9.75 pt.

Title and subtitle

18. Write "Sales" as TitleText.
19. Set TitleFont to Arial, 14 pt., style=bold.
20. Write "for six consecutive years" as SubTitleText.
21. Set the SubTitleFont to "Arial, 12 pt., style=bold"
    

B. Create a spider web radar chart with lines, point shapes and segments

To create a spider web radar chart with lines, point shapes and segments replace steps 2, 3, 4 and 10 with the following steps:

2. Set RadarType to Radar2D.
3. Set the RadarStyle to Lines with Points, for example write "Lines,Points". Set SpiderWeb to true.
4. Add the brushes for the segments with the SegmentBrushes property using the BrushCollection Editor.
5. Copy the ChartBrushes to ShapeBrushes. Clear ChartBrushes so that the radar polygons will not be filled. Add the same pens in ChartPens and ShapePens.

Tip
You can make the shape pens a bit thinner.

• Write the sizes of the shapes in ShapeSizes: "15,15"
• By default, shapes are drawn as rhombuses. You can set new shapes using the Shapes property. Copy the following code after InitializeComponent, in the constructor:

VB.NET

Me.RadarChart1.Shapes.Clear()
Me.RadarChart1.Shapes.Add(MindFusion.Charting.Shape.Circle)
Me.RadarChart1.Shapes.Add(MindFusion.Charting.Shape.Square)
Me.RadarChart1.UpdateChart()

C#

this.radarChart1.Shapes.Clear();
this.radarChart1.Shapes.Add(MindFusion.Charting.Shape.Circle);
this.radarChart1.Shapes.Add(MindFusion.Charting.Shape.Square);
this.radarChart1.UpdateChart();

C. Create a radar chart with arcs and sections

To create a radar chart with sections and arcs, replace steps 2, 3 and 4 from point A with the following steps:

2. Set the RadarType to Radar2D
3. Set the RadarStyle to Arcs.
4. Add the brushes for the sections with the BrushCollection Editor to the SectionBrushes property. In the sample two brushes are used.
5. Add the positions, at which the arcs are drawn to SectionPoints - "0, 25, 50, 75, 100". This creates 4 equally placed along the radius arcs.

Note
The quotation marks ("") around values of data and label properties are not needed when writing them in the Property designer.