MindFusion.Charting Programmer's Guide

Creating Radar Charts

A. Create a radar chart with lines

Adding data

  • 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
  • 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

Brushes and pens

Tip

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

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

Setting labels of radar segments

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

Title and subtitle

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:

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  Copy Code

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

C#  Copy Code

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:

Note

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