Creating Scatter Charts

1. Drag a new instance of the Line chart control and set its LineType property to Scatter.

C#

this.lineChart1.LineType = MindFusion.Charting.LineTypes.Scatter;

VB.NET

Me.LineChart1.LineType = MindFusion.Charting.LineTypes.Scatter

2. Set the chart background with the BackgroundBrush property.
3. Set the background of the plot area with PlotAreaBrush.
4. Use AxisPen to specify the pen for the axes - in this sample it is a grey one, width 2.
5. Create a grid: set the GridType to HorScale, and then choose a GridBrush and AltGridBrush. Set the GridPen to a dashed one.

C#

this.lineChart1.GridType = MindFusion.Charting.GridType.HorScale;

VB.NET

Me.LineChart1.GridType = MindFusion.Charting.GridType.HorScale

6. Set the title label - enter 'Scatter Chart' in the TitleText property field. Use TitleFont and TitleBrush to set the font and color of the title.

C#

this.lineChart1.TitleText = "Scatter Chart";

VB.NET

Me.LineChart1.TitleText = "Scatter chart"

7. Specify Verdana, 10 pt. font for the labels with LabelFont.
8. Specify the data for the chart - enter 1,3,5,7,9 in the XData property using the SeriesCollection editor.

C#

this.lineChart1.XData = new MindFusion.Charting.SeriesCollection("1,3,5,7,9");

VB.NET

Me.LineChart1.XData = New MindFusion.Charting.SeriesCollection("1,3,5,7,9")

9. Enter two series of data in the YData property: Serie0: 30,44,18,33 and Serie1: 10,20,35,22 by using the SeriesCollection Editor.

C#

this.lineChart1.YData = new MindFusion.Charting.SeriesCollection("30,44,18,33;10,20,35,22");

VB.NET

Me.LineChart1.YData = New MindFusion.Charting.SeriesCollection("30,44,18,33;10,20,35,22")

10. Set the following properties of the X-axis with the XAxisSettings object:

• Set the label type to ChartData with AxisLabelType.
• Specify the length of the axis - enter 400 in the AxisLength field.
• Set the MinValue to 0, the MaxValue to 8 and the AxisDelta to 1. This divides the axis in 8 intervals and the scatter shapes fill nicely into the plot area.
• Set the NumberFormat of the labels to Fixed_point_0Digits.

11. Set the appearance options for the Y-axis with the YAxisSettings property:

• Set AxisLabelType to AutoScale
• Set DivMarkerAlignment to Far to draw the scale divisions out of the plot area towards the labels
• Set the length of the scale divisions to 5, that is DivMarkerLength = 5

12. Set the YAxisSettings.DrawZero property to true to show the zero label at the Y-axis.
13. Specify the type of Shape-s that you want for the scatter chart. Add the chosen values to the Shapes property, clear any already added Shape objects beforehand. Update the chart with the newly set options. Write the following lines of code in the constructor of the Form, which contains the chart control, after InitializeComponent:

C#

this.lineChart1.Shapes.Clear();
 this.lineChart1.Shapes.Add(MindFusion.Charting.Shape.Rhombus);
 this.lineChart1.Shapes.Add(MindFusion.Charting.Shape.Circle);
 this.lineChart1.UpdateChart();

VB.NET

Me.LineChart1.Shapes.Clear()
 Me.LineChart1.Shapes.Add(MindFusion.Charting.Shape.Rhombus)
 Me.LineChart1.Shapes.Add(MindFusion.Charting.Shape.Circle)
 Me.LineChart1.UpdateChart()

12. Choose the brushes for the scatter shapes. Use ShapeBrushes and add two brushes for both YData series by using the BrushCollection Editor:

15. Use the ShapePens property to specify the pens that draw the outlining of the scatter Shapes. Add and edit the pens with the PenCollection Editor.
16. Set the size of the scatter shapes using ShapeSizes. Enter the desired values, for example 20 and 30, separated by commas in the Property Designer of Visual Studio, for example write "20,30".
17. The Scatter chart will be updated with the described settings: