The properties that specify data in the control are XData<\/a> and YData<\/a>. We add three series to each one for the three series that we want to show. Before that, we clear the arrays, to make sure no previously added data shows on the chart:<\/p>\n Chart Series<\/strong><\/p>\n We want to show line series with scatters – since this is the default LineType<\/a>, we don’t have to set anything. In order to customize our series, we add new pens to the ChartPens<\/a> property. The colors of the scatters are customized with ShapePens<\/a> and ShapeBrushes<\/a>. We make the chart pens a bit thicker – 3 pixels.<\/p>\n Separator Line<\/strong><\/p>\n We would like to show a separator line that indicates the average value from all chart data. We add a SummaryValue<\/a> to the SummaryValues<\/a> collection. Then we customize the summary line by specifying its pen, scatter type and scatter size. We also set the pen and the brush for the scatters. Here is how we do it:<\/p>\n Axes Labels<\/strong><\/p>\n We want to show custom text at the X-axis, so we set XAxisSettings.LabelType<\/a> to AxisLabelType.CustomText<\/a>. We use the XLabels<\/a> property to add the labels. We also add a title with the XAxisSettings.TitleLabel<\/a> property.<\/p>\n For the Y-axis we want to show the auto scale – we set it with YAxisSettings.MaxValue<\/a>, YAxisSettings.MinValue<\/a> and YAxisSettings.AxisDelta<\/a>. We show ticks on both axes with the MajorTickLength<\/a> property.<\/p>\n The Legend<\/strong><\/p>\n The labels for the legend are set with the LegendLabels<\/a> property. The colors are picked automatically from the ChartPens<\/a> property for each series. We place the legend at the bottom with LegendPosition<\/a> and increase its offset with LegendOffset<\/a>. We want the legend in one row, so we set LegendColumns<\/a> to the count of the labels – 3.<\/p>\n Here is a screenshot from the final chart:<\/p>\n Scatter Chart with a Custom Legend<\/p><\/div>\n You can download the sample from this link:<\/p>\n Download Scatter Chart with a Custom Legend Sample<\/a><\/p>\n The trial version of MindFusion.Chart for WinForms boasts many different samples, great charting tips and step by step tutorials. You can download it directly from here:<\/p>\n Download MindFusion.Charting for WinForms 3.5 Trial Version<\/a><\/p>\n About MindFusion.Charting for WinForms:<\/em> a professional programming component for WinForms, which lets you create remarkable charts fast and easy. The tool supports all major chart types \u2013 line, pie, radar and bar \u2013 and numerous variations of them \u2013 column, area, bubble, polar, doughnut etc. 3D charts are supported as well.<\/p>\n Charting for WinForms supports a rich user interaction model with features like zoom, hit testing, drill down, mouse dragging and more. You can use delegates to present mathematical functions, undefined values are also acceptable. Values can be data arrays or retrieved through a database.<\/p>\n The appearance of each chart is fully customizable. The control offers strong design-time support with custom collection editors and chart wizards. At your disposal is a set of predefined appearance themes and a theme editor tool. A full list of the features can be read here.<\/a><\/p>\n","protected":false},"excerpt":{"rendered":" In this post we show you how to build a multi-series scatter chart with a legend and a separator. We use MindFusion.Charting tool for WinForms. The Data The properties that specify data in the control are XData and YData. We … Continue reading lineChart1.XData.Clear();\n lineChart1.XData.Add(new List{3,4,5,6,7,8,9});\n lineChart1.XData.Add(new List{1,2,3,4,5,6,7,8});\n lineChart1.XData.Add(new List{1,2,3,4,5,6,7,8,9,10});\n\n lineChart1.YData.Clear();\n lineChart1.YData.Add(new List{92, 112, 241, 195, 201, 188, 212});\n lineChart1.YData.Add(new List{512, 480, 321, 491, 460, 320, 298, 241});\n lineChart1.YData.Add(new List { 340, 302, 322, 401, 487, 503, 421, 460, 513, 490 });\n<\/pre>\n lineChart1.ShapeBrushes.Add(new MindFusion.Drawing.SolidBrush(Color.FromArgb(175, 251, 175)));\n lineChart1.ShapeBrushes.Add(new MindFusion.Drawing.SolidBrush(Color.FromArgb(176, 224, 230)));\n lineChart1.ShapeBrushes.Add(new MindFusion.Drawing.SolidBrush(Color.FromArgb(216, 191, 216)));\n\n lineChart1.ChartPens.Add(new MindFusion.Drawing.Pen(Color.FromArgb(144,238,144), 3.0f));\n lineChart1.ChartPens.Add(new MindFusion.Drawing.Pen(Color.FromArgb(70, 130, 180), 3.0f));\n lineChart1.ChartPens.Add(new MindFusion.Drawing.Pen(Color.FromArgb(186, 85, 211), 3.0f));\n\n lineChart1.ShapePens.Add(new MindFusion.Drawing.Pen(Color.FromArgb(144, 238, 144)));\n lineChart1.ShapePens.Add(new MindFusion.Drawing.Pen(Color.FromArgb(70, 130, 180)));\n lineChart1.ShapePens.Add(new MindFusion.Drawing.Pen(Color.FromArgb(186, 85, 211)));\n<\/pre>\n
lineChart1.SummaryPens.Add(new MindFusion.Drawing.Pen(Color.FromArgb(255,69,0), 4.0f);\n lineChart1.SummaryShapeBrushes.Add(new MindFusion.Drawing.SolidBrush(Color.FromArgb(255,228,225))); \n lineChart1.SummaryShapePens.Add(new MindFusion.Drawing.Pen(Color.FromArgb(255,69,0));\n lineChart1.SummaryShapes.Add(MindFusion.Charting.Shape.Rhombus);\n lineChart1.SummaryShapeSizes.Add(15.0);\n lineChart1.SummaryValues.Add(MindFusion.Charting.Summary.Average); \n<\/pre>\n
lineChart1.YAxisSettings.AxisDelta = 50;\n lineChart1.YAxisSettings.MajorTickLength = 2F;\n lineChart1.YAxisSettings.MaxValue = 600;\n lineChart1.YAxisSettings.MinValue = 0;\n\n lineChart1.XAxisSettings.AxisDelta = 1;\n lineChart1.XAxisSettings.LabelType = MindFusion.Charting.AxisLabelType.CustomText;\n lineChart1.XAxisSettings.MajorTickLength = 5F;\n lineChart1.XAxisSettings.MaxValue = 11;\n lineChart1.XAxisSettings.MinValue = 0;\n lineChart1.XAxisSettings.TitleLabel = \"Year\";\n<\/pre>\n
lineChart1.LegendColumns = 3;\n lineChart1.LegendLabels = new List{\"Europe, Asia, North America\"};\n lineChart1.LegendOffset = 30f;\n lineChart1.LegendPosition = MindFusion.Charting.Position.Bottom;\n<\/pre>\n![\"Scatter](\"http:\/\/mindfusion.dev\/blog\/wp-content\/uploads\/2013\/10\/scatter_chart_legend.png\")
<\/a>