WinForms Chart - Beautiful and Interactive Graph Control

Overview

The WinForms Chart control is a high-performance charting component that is easy to use and visually stunning. It includes 45 chart types, ranging from simple column charts to specialized financial charts. The charts are highly customizable and have a powerful data model to make data binding simple.

Chart types

The Windows Forms Chart control includes a comprehensive set of more than 45 chart types for all your business needs. Each one is highly and easily configurable with built-in support for creating stunning visual effects.

• More details on Chart types

Clustered mode

The Chart control supports a clustered view in 3D mode. This effect shows z-axis data extended in the third dimension while clusters are displayed in the foreground.

Scale breaks

Scale breaks help in accommodating outlying data in a chart while also clearly displaying normal values. Scale breaks can be applied automatically or manually.

Secondary axis

The WinForms Chart control supports multiple axes. You can add a secondary axis and position it next to or below the primary axis. Display ellipses at the end of a title when the title text exceeds the axes bounds. This feature can be implemented in both the primary and secondary axes.

Legend dock and alignment

Dock a chart legend anywhere within the chart area. The legend can also be aligned near, center, or far in the docked side. Set the chart legend to float so that the user can drag the legend around during runtime.

Legend representation types

Set the legend representation type.

Interactive cursor

Position cursors at a specific data point in a series and point out the x- and y-values via a horizontal and vertical line passing through the data point and intersecting the x-axis and y-axis. Drag interactive cursor lines to position them at specific data points.

Toolbar

A built-in toolbar is available for the Chart control.

XML serialization

Save the series and point properties into XML format and load them into a new Chart control.

WinForms Chart Code Example

Easily get started with the WinForms Chart using a few simple lines of C# code example as demonstrated below. Also explore our WinForms Chart Example that shows you how to render and configure the Charts in WinForms.

using Syncfusion.Windows.Forms.Chart;
namespace WinFormsApp1
{
    public partial class Form1 : Form
    {
        public Form1()
        {
            InitializeComponent();
            ChartControl chartControl1 = new ChartControl();
            chartControl1.PrimaryXAxis.DrawGrid = false;
            BindingList<SalesData> dataSource = new BindingList<SalesData>();
            dataSource.Add(new SalesData("2004", 30));
            dataSource.Add(new SalesData("2005", 40));
            dataSource.Add(new SalesData("2006", 50));
            dataSource.Add(new SalesData("2007", 65));
            dataSource.Add(new SalesData("2008", 75));         
            CategoryAxisDataBindModel dataSeriesModel = new CategoryAxisDataBindModel(dataSource);
            dataSeriesModel.CategoryName = "Year";
            dataSeriesModel.YNames = new string[] { "Sales" };
            ChartSeries chartSeries = new ChartSeries("Sales");
            chartSeries.CategoryModel = dataSeriesModel;
            chartSeries.Style.DisplayText = true;
            chartSeries.Style.TextOrientation = ChartTextOrientation.Up;
            chartControl1.Legend.Visible = true;
            chartControl1.LegendAlignment = ChartAlignment.Center;
            chartControl1.Legend.Position = ChartDock.Top;
            chartControl1.LegendsPlacement = ChartPlacement.Outside;
            chartControl1.Series.Add(chartSeries);
            chartControl1.ShowToolTips = true;
            this.Controls.Add(chartControl1);
        }
    }
}

public class SalesData
        {
            public string Year { get; set; }
            public double Sales { get; set; }

            public SalesData(string year, double sales)
            {
                this.Year = year;
                this.Sales = sales;
            }
        }