We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. (Last updated on: November 16, 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Overview

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


Chart Wizard

Chart has a powerful wizard that helps to visually design a chart during design time.

Chart wizard


Chart Real-Time Data

Chart can efficiently handle real-time data as illustrated in the screenshots below. Updates are optimized to be smooth and flicker-free. Real time chart Recorder using chart


Smart Labels

Smart labels are just one of the built-in optimization techniques that ensure data point labels do not overlap when rendered next to data points.

Smart data labels


Chart template

Template Support

Save time by persisting the appearance of a chart created at design time, as well as run time, as a template. Apply the saved style to a new chart by loading the template.


Unlimited Data Points

Users can add an unlimited number of data points to a chart series. Chart is optimized to handle such large sets of data.

Chart with multiple data points


Unlimited number of series in chart

Unlimited Data Series

Users can add an unlimited number of data series to a chart. It is optimized to handle such large sets of data.


Zooming and Scrolling

Enable the built-in zooming and scrolling features of a chart to provide users with great chart flexibility. Users can simply click and drag any chart area to select and zoom. Once any part of the chart area is zoomed in, scroll bars will automatically appear to let the user view areas beyond the currently displayed chart area. A zoom out button lets users revert back to the default mode.

Zooming the chart


Panning the chart

Panning Support for Zoomed Chart

Chart supports panning a chart when it is zoomed. Users can easily navigate to parts of the chart outside of the viewing area by simply clicking and dragging.


Chart Localization Support

All the visible strings in a chart can be localized to any desired language.

Localized text in chart


Custom Data Model

Chart provides a very easy way to implement a custom data model by using a simple data model interface. Use this approach to encapsulate your data retrieval code within a scalable scope. Such custom data models perform better than manually populated chart series when dealing with large amounts of data. The following screenshots illustrate indexed and non-indexed model interfaces.

Interface for not indexed data model Interface for indexed data model


Data Binding to a Data Set

Chart makes it easy to bind data set instances containing data point values to a chart series. Simply use the built-in ChartDataBindModel class to set up this binding as follows: Code for data binding importing data from excel workbook


Default Data Population

The simplest and most straightforward approach is to populate a chart series with data points as shown:

Populating the data for chart


Binding data with the axis labels of chart

Axis Label Binding

Chart supports binding axis labels to pie, funnel, and pyramid charts. This feature displays data-bound labels in charts.


LINQ Support

Chart supports binding to LINQ query results. Use LINQ to create varied, concise, and optimal views of your data. Bind to LINQ query results and view your data using many different chart types. Binding a LINQ query result to a chart, and the resultant display, are illustrated here:

Binding chart with data filtered using Linq


Importing data from excel file

Excel Importing and Exporting

Chart can be used with Essential XlsIO to import data from Excel documents into a chart. Simpler Excel data can, of course, be loaded using the Microsoft Jet OLEDB data provider.


Chart Types

Chart 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.

LEARN MORE


3-D Mode

Chart supports 3-D modes for all chart types except polar and radar charts. The depth of the z-axis is customizable through the depth property. The real mode option specifies if the chart is displayed in a 3-D plane. Users can also use the rotation or tilt properties to rotate the control programmatically.

Chart with 3D view Chart showing depth of z axis Real 3D mode of chart


Transparency using alpha blending

Alpha Blending

Add alpha blending to a chart series to help interpret data that may be hidden behind a series. It can also give a new effect to 2-D and 3-D charts. Alpha blending is ideal for making one series visible through another, as in the accompanying figure.


Anti-Aliasing

Chart supports rendering a chart in different ways using the SmoothingMode property in a chart control. The default option is anti-alias.

Curves of anti aliased pie chart


Built-in Skins

Chart for Windows Forms contains 14 different types of built-in skins that allow you to easily customize chart appearances. The skins property allows you to apply predefined skins to the control, giving you plenty of customization options. Office 2007 blue skin Office 2007 black skin Office 2007 silver skin Chart with vista skin Chart with almond skin Blend skin for chart Chart with blueberry skin Chart with marble skin Midnight skin for chart Monochrome skin for chart Olive skin for chart Sandune skin for chart Turquoise skin for chart VS2010 skin for chart


Chart Area and Series Shadow Effect

Shadow effects can be applied to the chart area and chart series as illustrated.

Chart with shadow for chart area and series


Chart with custom background

Chart Background

The layout and background of the chart control can be easily customized.


Chart Border

Chart supports 13 different built-in border styles. The interior style and the size of the chart border can also be customized.

Borders supported by chart


Chart with customized font for all the text

Chart Font

The font for all text rendered in a chart can be customized.


Chart Interior

Render professional-looking charts with gradient colors in the chart interior and other chart areas.

Chart with gradient interior background


Chart Symbols

Symbols can be associated with each chart series to highlight data points. There is also an option to specify custom images instead of the built-in symbols.

Chart with symbol markers Chart with markers


Clustered Mode

Chart provides support for a clustered view in 3-D mode. This effect shows z-axis data extended in the third dimension while clusters are displayed in the foreground. Bar chart in 3D view Clustered 3D bar chart Column chart in 3D view Clustered 3D column chart


Color Palette

Chart comes with a set of color palettes that are automatically applied to a chart’s data points if no custom colors are specified for the series. These built-in palettes offer a rich set of colors to render professional-looking charts.

Chart with Gradient color palette


Custom color palette without gradient effect

Custom Palettes

Chart also lets you define and add custom color palettes.


Localization

Chart supports rendering data points from right to left to adhere to certain local standards. All built-in strings rendered in the chart control can also be easily localized using localization binaries.

Chart rendered from right to left


Border for chart series

Series Border

Customization options are available for the border color, style, and width of the data points in a chart series, thereby improving the appearance of a chart series.


Spacing Effect

		Spacing allows you to customize the space between series columns to give data more clarity.
		Increased spacing between columns will in turn reduce the width of a column.
		Support is also provided to control the spacing among series in 3-D mode. Series spacing is set as a percentage value of the z-axis depth of a column.

Column chart without any spacing Column chart with 50 percent spacing Spacing between different series in chart


Multiple pie series in a chart

Multiple Pies

Chart supports the display of multiple pie charts in one chart area for easier presentation and analysis of chart data.


Automatic Range Scaling

Chart has an automatic range scaling engine that computes the best possible range for a given set of values. Automatic range calculations are also configurable. Automatic ranges are also calculated for date values. The range intervals are calculated to be in increments of easily understandable date segments, such as weeks, months, years, etc.

Readable range with automatic range calculation Chart automatic date time range with an interval of 7 days


Multiple layouts within a chart area

Multiple Axes Layouts

Chart supports a combination of both stacking and side-by-side chart axes layouts when multiple axes are used. Multiple axes allow for greater control and flexibility when dealing with large amounts of data. The multiple axes layout feature is illustrated in the accompanying image.


Axis Label Font

You can customize the appearance of axis labels by specifying the size, color, and font of the labels in a chart.

Customizing the font of axis labels


Axis Label Orientation

Axis labels can also be rotated to any angle. This is convenient when axis labels are long enough to interfere with other labels. In fact, chart is smart enough to automatically rotate axis labels to avoid overlap.

Rotate axis labels to avoid intersection Axis labels rotated automatically to avoid intersection


Axis Line

The x-axis and y-axis line appearance can be customized to fit your needs. The style, width, and color of these lines are configurable.

Solid and dash line for chart axis


Axis Strip Line

Strip lines are bands that can be drawn horizontally or vertically in a chart’s background to highlight certain regions. They can also be repeated to mark weekends, for example. Vertical strip line in chart Horizontal strip line in chart Strip line with fixed width


Axis Ticks

Chart axes support major and minor tick marks. The appearance of a tick’s color, height, and width can be customized.

Major and minor ticks in chart


Chart Axis Labels

The appearance of chart axis labels can be customized. Chart offers support for the inclusion of custom labels, which can be edited at run time. Chart axis labels can also be grouped as desired, and the grouping label text, color, font, and other related information can also be defined. Individual label positions can be controlled to be either to the left or right of the axis, or to the top or bottom.

Axis labels in chart Custom labels in chart Grouping the labels in chart Positioning chart labels inside or outside


Custom Axis Origin

Chart lets you specify a custom origin in a chart. The origin can be any specific value in the axis range, or it can also be a specific data point’s value.

Custom origin for chart


Custom range for chart axes

Custom Axis Range

Chart lets you specify a custom range for the axes if the default calculated range is not good enough. You can specify the range as well as the intervals of an axis. The accompanying screenshot shows a custom x-axis range with a minimum value of 0, a maximum value of 6, and an interval of 1. The custom y-axis range has a minimum value of -100, a maximum value of 600, and an interval of 100.


Custom Polar Axis Range

A polar chart is a circular graph in which data is displayed in terms of values and angles. Chart lets you specify any custom range instead of the default 0–360 degree range values for the axes of a polar chart. You can set the range and intervals for an axis. The accompanying image illustrates a polar chart with a customized axis with a minimum value of 0, a maximum value of 12, and an interval of 1.

Custom range for polar and radar axes


Gridlines in chart

Gridlines

Horizontal and vertical gridlines can be displayed in the chart area to help clarify series values. Gridline appearances can also be customized, as shown in the accompanying figure. All dash styles (dash, dot, dash dot, dash dot dot, solid, custom) are available for gridlines. It is also possible to show and hide gridlines.


Inverted Axis

Any chart axis range can be reversed and data for such an axis will be plotted in the opposite direction as shown in the following screenshot.

Inverted chart axis


Logarithmic axis in chart

Logarithmic Axis

Chart supports logarithmic axes. The data type of any series plotted on the chart can be set to logarithmic. Both axes of a chart can be customized to display logarithmic values. You can also specify custom logarithmic axis ranges for the chart. Logarithmic axes are usually used to show data with large ranges.


Opposed Axis

Chart supports the opposed position of chart axes. The axis of a chart can be positioned opposite to that of the default axis position. This is useful in creating RTL charts.

Chart axis at opposite side


Scale Break

Scale breaks help in accommodating outlying data in a chart while also clearly displaying normal values. Scale breaks can be applied automatically or manually. Chart without scale breaks Code for adding chart breaks manually Chart with manually added axis breaks Code for automatically calculating axis breaks Chart with automatically calculated axis breaks


Secondary Axis

Chart supports multiple axes. You can add a secondary axis and position it next to or below the primary axis. Chart supports displaying 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.

Chart with secondary x axis Chart with secondary x axis in another layout Chart with secondary y axis Wrapping axis titles to avoid intersection


Customized polar axis

Custom Polar Axis

Chart supports the customization of solid circle lines in polar and radar charts. The Pens property of primary x-axes and y-axes is used to set the style of the solid circles.


Axis label Tooltips

You can add tooltips to the chart axis labels.

Tooltip for axis labels


Multiple Chart Titles

Multiple chart titles, each at their own custom position, can be added to a chart.

Multiple titles for chart


Alignment of chart title

Chart Title Alignment

Relative to the side it is rendered on, the title of a chart can be aligned near, center, or far.


Chart Title Position

Chart lets you position the chart title at any of the four sides of a chart.

Positioning chart title


Chart with background

Legend Background Image

Chart also supports custom background images in a chart’s legend.


Legend Border with Different Styles

Chart provides options to customize the border styles of the legend. Solid border for chart legend Dashed border for chart legend Dot border for chart legend Dash and dot border for chart legend Dot and dot border for chart legend


Legend Dock and Alignment

Chart allows users to dock a chart legend anywhere within the chart area. The legend can also be aligned near, center, or far in the docked side. The chart legend can also be set to float so that the user can drag the legend around during run time.

Chart legend docked in different positions Alignment of chart legend Chart legend inside and outside of chart area


Legend Item Alignment

The item text in the chart legend can be aligned near, center, or far within the item bounds.

Alignment of legend items


Legend Representation Type

Chart provides a number of options to set the legend representation type. Legend items represented by circle shape Legend items represented by cross shape Legend items represented by diamond shape Legend items represented by hexagon shape Legend items represented by inverted triangle Legend items represented by line series symbol Legend items represented by pentagon shape Legend items represented by rectangle Legend items represented by line Legend items represented by triangle Legend items represented by an external background


Legend Shadow Effect

Chart supports rendering legend text with a shadow effect.

Legend rendered with shadow effect


Title for chart legend

Legend Title Font and Color

A chart’s legend can have a custom title with a custom font style, size, and color.


Legend Visibility Check Box

The check box feature in the legend lets your users show or hide a series during run time.

Checkbox to toggle the visibility of chart series


Multiple legends for chart

Multiple Chart Legends

Chart supports displaying multiple chart legends with custom legend items that can be associated with any chart series.


Title Font Size and Color

A chart’s title can be customized with custom fonts, colors, and sizes.

Chart title with custom font and color


Auto Highlight

Chart data points can be automatically highlighted on mouseover. The highlight color for such elements can be customized.

Chart with automatically highlighted point in mouse move


Table docked above chart

Chart Host Control

Any Windows Forms control can be hosted within the chart control by using the docking manager available for the chart. By using the docking manager, any Windows Forms control can be docked to any region inside the chart control.


Context Menu

Built-in context menus can be implemented in the chart control.

Context menu of chart


Draggable data points in chart

Drag-and-Drop Series Points

Using the mouse events fired by a chart, you can track the drag-and-drop of a chart point to a new location.


Interactive Cursor

Interactive cursors let you 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. Interactive cursor lines can be dragged to position them at specific data points. Chart with interactive cursors Highlighting a data point with interactive cursor


Toolbar

A built-in toolbar is available for chart. Chart with toolbar Chart with custom toolbar items Chart with custom toolbar items


Tooltip

Tooltips can be displayed when hovering the mouse pointer over a chart area, data points, and other regions. Customization options are also available for tooltip text. Chart series tooltip


Fancy Tooltips

Chart also includes a “fancy tooltip” feature which occurs when hovering over a data point. This tooltip looks like a balloon and includes information regarding the series name and x and y points. Fancy tooltip


Trackball

A trackball can be used to view the closest data point near a mouse or touch contact point. A line with markers and tooltips will appear at the location of the data point. Information about the data point can be displayed using the trackball tooltip. Chart trackball


Crosshair

A crosshair can be used to view the axis coordinates at the mouse location or touch contact point. Information about the coordinate can be displayed in a tooltip near the axis. Chart crosshair


Chart series highlighting

Series Highlight

Chart provides support for highlighting a specific series of the chart on which the mouse hovers. The series can also be highlighted by hovering the pointer on the legend of the series.


Export as an Image

Chart provides APIs to export a chart as an image file with support for all popular image formats. Supported formats include .bmp, .jpg, .gif, .tiff, .wmf, .emf, .svg, and .eps.

Exported chart


Chart exorted to word document

Export to DocIO

Using Essential DocIO, a Word document can be dynamically created that contains an image of the chart.


Export to Grid

An image of a chart can also be added to a grid cell dynamically.

Chart exported to a cell in grid control


Chart exported to excel worksheet

Export to Excel

Using Essential XlsIO, chart data points can be exported to an Excel worksheet, and an Excel chart can be created to render that data.


Export to PDF

Using Essential PDF, you can dynamically create a PDF document containing a snapshot of the chart.

Chart exported to PDF document


Chart exported to SVG vector format

Export to SVG

A chart can be exported and saved as a scalable vector graphics (SVG) file. SVG defines graphics in XML format, which is very useful in viewing a zoomed-in or zoomed-out chart where the quality is not lost due to the zoom level.


A chart can be printed in color, grayscale, or automatic mode.

Print preview of chart


XML Serialization

This feature enables you to save the series and point properties into an XML format and load it into a new chart control.


100+ WINDOWS FORMS CONTROLS

Transform your applications today by downloading our free evaluation versionDownload Free Trial

Scroll up icon

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon