FlexChart .NET Chart Control | Visual Studio Components

Bar & Column Chart Types

Change View:

Chart Types

Bar

View ASP.NET MVC Demo View More Demos

Bar Stacked

View ASP.NET MVC Demo View More Demos

Bar Stacked 100

View ASP.NET MVC Demo View More Demos

Column

View ASP.NET MVC Demo View More Demos

Column Stacked

View ASP.NET MVC Demo View More Demos

Column Stacked 100

View ASP.NET MVC Demo View More Demos

Tornado

Tornado charts, also known as wing bar or butterfly charts, are a variation of bar charts for comparing two sets of data values in a vertical stack of horizontal bars.
Documentation: WinForms | WPF

Line Charts

Change View:

Chart Types

Line

View ASP.NET MVC Demo View More Demos

Line Stacked

View ASP.NET MVC Demo View More Demos

Line Stacked 100

View ASP.NET MVC Demo

Line Rotated

View ASP.NET MVC Demo View More Demos

Line Symbol

Add custom images to data points in a basic line chart.

View ASP.NET MVC Demo View More Demos

Line Symbol Stacked

View ASP.NET MVC Demo View More Demos

Line Symbol Stacked 100

Compare the percentage that each value contributes to the total.
Documentation: Winforms | WPF | UWP | ASP.NET MVC | Xamarin

View ASP.NET MVC Demo View More Demos

Line Symbol Rotated

View ASP.NET MVC Demo View More Demos

Spline Charts

Change View:

Chart Types

Spline

View ASP.NET MVC Demo View More Demos

Spline Stacked

View ASP.NET MVC Demo View More Demos

Spline Stacked 100

View ASP.NET MVC Demo View More Demos

Spline Rotated

View ASP.NET MVC Demo View More Demos

Spline Symbol

View ASP.NET MVC Demo View More Demos

Spline Symbol Stacked

View ASP.NET MVC Demo View More Demos

Spline Symbol Stacked 100

View ASP.NET MVC Demo View More Demos

Spline Symbol Rotated

View ASP.NET MVC Demo View More Demos

Area Charts

Change View:

Chart Types

Area

View ASP.NET MVC Demo View More Demos

Area Stacked

View ASP.NET MVC Demo View More Demos

Area Stacked 100

View ASP.NET MVC Demo View More Demos

Area Rotated

View ASP.NET MVC Demo View More Demos

Spline Area

View ASP.NET MVC Demo View More Demos

Spline Area Stacked

View ASP.NET MVC Demo View More Demos

Spline Area Stacked 100

View ASP.NET MVC Demo View More Demos

Spline Area Rotated

View ASP.NET MVC Demo View More Demos

Step Charts

Change View:

Chart Types

Learn More

Step Chart Stacked

Learn More

Step Chart Stacked 100

Learn More

Step Chart Rotated

Learn More

Step Symbol

Learn More

Step Symbol Stacked

Fill in the area below the line to demonstrate trends in similar categories. Not currently available in ASP.NET MVC or Xamarin.
Documentation: WinForms | WPF | UWP | ASP.NET

Learn More

Step Symbol Stacked 100

Learn More

Step Symbol Rotated

Learn More

Step Area

Fill in the area below the line to demonstrate trends in similar categories. Not currently available in ASP.NET MVC or Xamarin.
Documentation: WinForms | WPF | UWP | ASP.NET

Learn More

Step Area Stacked

Fill in the area below the line to demonstrate trends in similar categories. Not currently available in ASP.NET MVC or Xamarin.
Documentation: WinForms | WPF | UWP | ASP.NET

Learn More

Step Area Stacked 100

Fill in the area below the line to demonstrate trends in similar categories. Not currently available in ASP.NET MVC or Xamarin.
Documentation: WinForms | WPF | a href="https://www.grapecity.com/componentone/docs/uwp/online-flexchart/overview.html" target="_blank">UWP | ASP.NET

Learn More

Step Area Rotated

Fill in the area below the line to demonstrate trends in similar categories. Not currently available in ASP.NET MVC or Xamarin.
Documentation: WinForms | WPF | UWP | ASP.NET

Learn More

Step Area

Fill in the area below the line to demonstrate trends in similar categories. Not currently available in ASP.NET MVC or Xamarin.
Documentation: WinForms | WPF | UWP | ASP.NET

Step Area Stacked

Fill in the area below the line to demonstrate trends in similar categories. Not currently available in ASP.NET MVC or Xamarin.
Documentation: WinForms | WPF | UWP | ASP.NET

Step Area Stacked 100

Fill in the area below the line to demonstrate trends in similar categories. Not currently available in ASP.NET MVC or Xamarin.
Documentation: WinForms | WPF | a href="https://www.grapecity.com/componentone/docs/uwp/online-flexchart/overview.html" target="_blank">UWP | ASP.NET

Step Area Rotated

Fill in the area below the line to demonstrate trends in similar categories. Not currently available in ASP.NET MVC or Xamarin.
Documentation: WinForms | WPF | UWP | ASP.NET

Scatter Charts

Change View:

Chart Types

Scatter

Demonstrate correlation between data points with a scatter chart, which shows one set of numerical data along the x-axis and another along the y-axis. The Scatter Chart combines these values into single data points and displays them in uneven intervals, or clusters
Documentation: Winforms | WPF | UWP | ASP.NET MVC | Xamarin | Blazor

View ASP.NET MVC Demo View More Demos

Scatter Stacked

View ASP.NET MVC Demo View More Demos

Scatter Stacked 100

View ASP.NET MVC Demo View More Demos

Scatter Rotated

View ASP.NET MVC Demo View More Demos

Bubble Chart

Create rich, visually-appealing data modelling and financial charts with bubble charts. This chart type allows you to display your data series as a set of differently-sized symbols in the chart space.
Documentation: Winforms | WPF | UWP | ASP.NET MVC | Xamarin | Blazor

View ASP.NET MVC Demo View More Demos

Financial Charts

Change View:

Chart Types

Candlestick

Visualize financial data in the Candlestick Chart. This chart displays the Open, Close, High and Low Stock Prices for each day in the series. The vertical bar spans the High and Low values for the day.
Documentation: Winforms | WPF | UWP | ASP.NET MVC | Xamarin | Blazor

View ASP.NET MVC Demo View More Demos

HLOC

View ASP.NET MVC Demo View More Demos

More Financial Charts

ComponentOne Studio includes the FinancialChart control, which includes 9 different specialized financial charts.
Documentation: Winforms | WPF | UWP | ASP.NET MVC | Xamarin

Learn More

Pie & Sunburst Charts

Change View:

Chart Types

Pie Chart

Pie charts show how parts of a whole add up to 100%. Features include:

Exploding slices
Pie slice selection
Pie rotation
Data labels for data positioning

View ASP.NET MVC Demo View More Demos

Doughnut

View ASP.NET MVC Demo View More Demos

Sunburst

Visualize hierarchical data from a root node (center) outward to lower hierarchies. A segment of the inner circle is a parent to the segments of the outer circle which lie within the angular sweep of parent.
Documentation: Winforms | WPF | UWP | ASP.NET MVC | Xamarin

View ASP.NET MVC Demo View More Demos

Sunburst Doughnut

Set the inner radius to create a sunburst doughtnut chart
Documentation: Winforms | WPF | UWP | ASP.NET MVC | Xamarin

View ASP.NET MVC Demo View More Demos

Radar & Polar Charts

Change View:

Chart Types

Radar

Display multivariate observations with an arbitrary number of variables. Not available in Xamarin.
Documentation: Winforms | WPF | UWP | ASP.NET MVC

View ASP.NET MVC Demo View More Demos

Radar Symbol

Add custom images to represent data points in a radar chart Not available in Xamarin.
Documentation: Winforms | WPF | UWP | ASP.NET MVC

View ASP.NET MVC Demo View More Demos

Radar Area

Fill in the areas between lines of a basic radar chart. Not available in Xamarin.
Documentation: Winforms | WPF | UWP | ASP.NET MVC

View ASP.NET MVC Demo View More Demos

Radar Scatter

Combine a radar and a scatter chart Not available in Xamarin.
Documentation: Winforms | WPF | UWP | ASP.NET MVC

View ASP.NET MVC Demo View More Demos

Radar Column

Display changes in the radar with radiating columns Not available in Xamarin.
Documentation: Winforms | WPF | UWP | ASP.NET MVC

View ASP.NET MVC Demo View More Demos

Polar

Create circular graphs to display multivariate observations with an arbitrary number of variables. Not available in Xamarin.
Documentation: Winforms | WPF | UWP | ASP.NET MVC

View ASP.NET MVC Demo View More Demos

Polar Symbol

Add custom images to represent data points in a polar chart Not available in Xamarin.
Documentation: Winforms | WPF | UWP | ASP.NET MVC

View ASP.NET MVC Demo View More Demos

Polar Area

Fill in the areas between lines of a basic polar chart. Not available in Xamarin.
Documentation: Winforms | WPF | UWP | ASP.NET MVC

View ASP.NET MVC Demo View More Demos

Polar Scatter

Combine a polar and a scatter chart Not available in Xamarin.
Documentation: Winforms | WPF | UWP | ASP.NET MVC

View ASP.NET MVC Demo View More Demos

Histogram Charts

Change View:

Chart Types

Histogram

Diagram consists of rectangles whose area is proportional to the frequency of a variable and whose width is equal to the class interval. Available in WinForms, WPF, UWP, and Xamarin.
Documentation: Winforms | WPF | UWP | Xamarin

Learn More View More Demos

Ranged Histogram

Diagram consists of a range rectangles whose area is proportional to the frequency of a variable and whose width is equal to the class interval. Available in WinForms, WPF, and UWP.
Documentation: Winforms | WPF | UWP | Xamarin

Learn More

Frequency Polygon

This is a variation of histogram chart where the columns are replaced by a curve that's helpful for comparing multiple sets of data Available in WinForms, WPF, and UWP.
Documentation: Winforms | WPF | UWP | Xamarin

Learn More

Gaussian/Bell Curve

This variation includes a bell-shaped curve in histogram chart that shows the probability distribution of a continuous random variable. Available in WinForms, WPF, and UWP.
Documentation: Winforms | WPF | UWP | Xamarin

Learn More

Cumulative Histogram

This variation in histogram and Frequency Polygon chart shows the running total of frequencies on the chart. Available in WinForms, WPF, and UWP.
Documentation: Winforms | WPF | UWP | Xamarin

Learn More

Pareto Chart

Available as a sample in WinForms, WPF, UWP, and ASP.NET MVC. This special histogram chart includes columns in descending order and a rising line that represents cumulative total percentage. Pareto charts makes it easier to analyze most signficant issues and prioritize corrective actions.
Documentation: Winforms | WPF | UWP | Xamarin

Learn more View More Demos

Histogram

Diagram consists of rectangles whose area is proportional to the frequency of a variable and whose width is equal to the class interval. Available in WinForms, WPF, UWP, and Xamarin.
Documentation: Winforms | WPF | UWP | Xamarin

Ranged Histogram

Diagram consists of a range rectangles whose area is proportional to the frequency of a variable and whose width is equal to the class interval. Available in WinForms, WPF, and UWP.
Documentation: Winforms | WPF | UWP | Xamarin

Frequency Polygon

This is a variation of histogram chart where the columns are replaced by a curve that's helpful for comparing multiple sets of data Available in WinForms, WPF, and UWP.
Documentation: Winforms | WPF | UWP | Xamarin

Gaussian/Bell Curve

This variation includes a bell-shaped curve in histogram chart that shows the probability distribution of a continuous random variable. Available in WinForms, WPF, and UWP.
Documentation: Winforms | WPF | UWP | Xamarin

Cumulative Histogram

This variation in histogram and Frequency Polygon chart shows the running total of frequencies on the chart. Available in WinForms, WPF, and UWP.
Documentation: Winforms | WPF | UWP | Xamarin

Pareto Chart

Available as a sample in WinForms, WPF, UWP, and ASP.NET MVC. This special histogram chart includes columns in descending order and a rising line that represents cumulative total percentage. Pareto charts makes it easier to analyze most signficant issues and prioritize corrective actions.
Documentation: Winforms | WPF | UWP | Xamarin

Statistical Charts

Change View:

Chart Types

ErrorBar

Represent the variability of data to indicate the error or uncertainty in a measurement. Not available in Xamarin.
Documentation: Winforms | WPF | UWP | ASP.NET MVC

View ASP.NET MVC Demo View More Demos

.NET ErrorBar Chart with Standard Deviation

ErrorBar, Standard Deviation

Display standard deviation or standard error in an error bar chart. Other error amounts include Fixed Value, Percentage, Standard Error, and Custom. Not available in Xamarin.
Documentation: Winforms | WPF | UWP | ASP.NET MVC

View ASP.NET MVC Demo View More Demos

Box-and-Whisker

Graphically depict groups of numerical data through their quartile, mean, median and outliers. Not available in Xamarin.
Documentation: Winforms | WPF | UWP | ASP.NET MVC

View ASP.NET MVC Demo View More Demos

Box-and-Whisker Rotated

Rotate the series in a box-and-whisker chart. Not available in Xamarin.
Documentation: Winforms | WPF | UWP | ASP.NET MVC

View ASP.NET MVC Demo View More Demos

Box-and-Whisker Outliers

Show data outliers in a box-and-whisker. Not available in Xamarin.
Documentation: Winforms | WPF | UWP | ASP.NET MVC

View ASP.NET MVC Demo View More Demos

Specialized Charts

Change View:

Chart Types

Funnel

Visualize stages of process in a funnel shape, such as for sales. Not available in Xamarin.
Documentation: Winforms | WPF | UWP | ASP.NET MVC | Blazor

View ASP.NET MVC Demo View More Demos

Funnel Rectangle

Square the edges in a funnel for a different look. Not available in Xamarin.
Documentation: Winforms | WPF | UWP | ASP.NET MVC | Blazor

View ASP.NET MVC Demo View More Demos

Waterfall

Show change in the starting position of the chart through a series of changes. Not available in Xamarin.
Documentation: Winforms | WPF | UWP | ASP.NET MVC

View ASP.NET MVC Demo View More Demos

.NET Waterfall Chart with Intermediate Total

Waterfall, Intermediate Total

Display auto-calculated intermediate totals in a waterfall chart. Not available in Xamarin.
Documentation: Winforms | WPF | UWP | ASP.NET MVC

View ASP.NET MVC Demo

TreeMap

Display hierarchical information combined with relative quantity. Includes customized node colors.
Documentation: Winforms | WPF | UWP | ASP.NET MVC

View ASP.NET MVC Demo View More Demos

TreeMap with Drilldown

Available in WinForms, WPF, and UWP.
Documentation: Winforms | WPF | UWP | ASP.NET MVC

Learn More

Floating Bar

Available as a sample in WinForms, WPF, and UWP.
Documentation: Winforms | WPF | UWP | ASP.NET MVC | Blazor

Get the samples

Gantt Chart

Available as a sample in WinForms, WPF, UWP, and ASP.NET MVC.
Documentation: Winforms | WPF | Blazor

View ASP.NET MVC Sample View More Samples

HeatMap

This specialized chart represents data values using colors, and is especially useful in plotting large, complex data. Customizations include gradient color scale, gradient color axis, and a discrete color scale. Available in WinForms and WPF.
Documentation: WinForms | WPF

Learn More View More Demos

BreakEven

A BreakEven helps in visualizing sales volume levels at which total costs equal sales, losses will be incurred below this point, and profits will be earned above this point.

View ASP.NET MVC Sample

HeatMap

This specialized chart represents data values using colors, and is especially useful in plotting large, complex data. Customizations include gradient color scale, gradient color axis, and a discrete color scale. Available in WinForms and WPF.
Documentation: WinForms | WPF

BreakEven

A BreakEven helps in visualizing sales volume levels at which total costs equal sales, losses will be incurred below this point, and profits will be earned above this point.

Legends

Change View:

Features

Legends

View ASP.NET MVC Demo View More Demos

Legend Grouping

Learn More

Legend Toggle

Toggle legends in FlexChart using the LegendToggle property. Available in WinForms, WPF, and UWP.
Documentation: Winforms | WPF | UWP | ASP.NET MVC | Xamarin

Learn more

Custom Legends

Provide custom legend icons. Available in WinForms, WPF, UWP and Xamarin.
Documentation: Winforms | WPF | UWP | ASP.NET MVC | Xamarin

Learn More

Labeling

Change View:

Features

Headers and Footers

View ASP.NET MVC Demo View More Demos

Labels

View ASP.NET MVC Demo View More Demos

Label Angles

Learn More

Custom Ranges

Customize the range of selected numeric data. Available in WinForms, WPF, and UWP.
Documentation: Winforms | WPF | UWP | Blazor

Learn More

Overlapping Data Labels

Prevent data labels from overlapping so all data is visible. Available in WinForms, WPF, and UWP.
Documentation: Winforms | WPF | UWP | Xamarin | iOS | Android

Learn More

Annotations

Change View:

Features

Annotations

Place custom markers in a variety of shapes and options on a chart.
Documentation: Winforms | WPF | UWP | ASP.NET MVC | Xamarin

View ASP.NET MVC Demo View More Demos

Editable Annotations

Edit annotations in a live chart with editable annotations. Not available in Xamarin.
Documentation: Winforms | WPF | UWP | ASP.NET MVC

Learn more

Axis Features

Change View:

Features

Axis Scrollbars

Set the range of visible data points by adding scrollbars to your axes
Documentation: Winforms | WPF | UWP

Learn More

Overlapping Axis Labels

Prevent axis labels from overlapping and choose from Word Wrap, Trim, and Auto options. Available in WinForms, WPF, and UWP.
Documentation: Winforms | WPF | UWP

Learn More

Axis Grouping

Improve chart readability by displaying hierarchical groups in axis labels. Available in WinForms, WPF, and UWP.
Documentation: Winforms | WPF | UWP

Learn More

Reverse Y Axis

Make your chart effective and appealing by reversing its axes. Available in WinForms, WPF, and UWP.
Documentation: Winforms | WPF | UWP | Blazor

Learn More

Axes

Chart axes measure and categorize data.
Documentation: Winforms | WPF | UWP

View ASP.NET MVC Demo View More Demos

Axis Binding

View ASP.NET MVC Demo View More Demos

Axis Scrollbars

Set the range of visible data points by adding scrollbars to your axes
Documentation: Winforms | WPF | UWP

Overlapping Axis Labels

Prevent axis labels from overlapping and choose from Word Wrap, Trim, and Auto options. Available in WinForms, WPF, and UWP.
Documentation: Winforms | WPF | UWP

Axis Grouping

Improve chart readability by displaying hierarchical groups in axis labels. Available in WinForms, WPF, and UWP.
Documentation: Winforms | WPF | UWP

Reverse Y Axis

Make your chart effective and appealing by reversing its axes. Available in WinForms, WPF, and UWP.
Documentation: Winforms | WPF | UWP | Blazor

Interactivity

Change View:

Features

Chart Gestures

Interact with the chart using mouse or tap gestures. Use pinch gesture, mouse wheel or double click to zoom in/out. Not available in WinForms.
Documentation: WPF | UWP | ASP.NET MVC | Xamarin

Learn More

Drilldown

Drill down to more information in a column, pie, or sunburst chart. Available in WinForms, WPF, and UWP.
Sunburst: WinForms | WPF | UWP
TreeMap: WinForms | WPF |UWP

Learn More

HitTest

Provide interactive features like clickable regions and drill-downs with the hitTest method, which takes a point and returns it to the nearest chart element.
Documentation: WinForms | WPF | UWP | ASP.NET MVC | Xamarin

View ASP.NET MVC Demo View More Demos

Line Markers

Use markers to show information about a specific point on your chart.
Documentation: WinForms | WPF | UWP | ASP.NET MVC | Xamarin

View ASP.NET MVC Demo View More Demos

Range Selector

Select a range of numeric data with lower value thumb and upper value thumb, which define the range's start and end values. Not available in Xamarin
Documentation: WinForms | WPF | UWP | ASP.NET MVC

View ASP.NET MVC Demo

Selection

Select a single data point or an entire data series in your chart.
Documentation: WinForms | WPF | UWP | ASP.NET MVC | Xamarin

View ASP.NET MVC Demo View More Demos

Tap & Touch Support

Enable touch for your chart interactions. Use pinch and tap gestures to zoom or select data points.

Download Mobile Demo

Tooltips

Tooltips generally display a legend's name as well as the X and Y values of a selected point.
Documentation: WinForms | WPF | UWP | ASP.NET MVC | Xamarin

View ASP.NET MVC Demo View More Demos

Zooming and Panning

Take a closer look at your data with the zoom mode, or take a step back with the pan mode. Use pinch gesture, mouse wheel or double click to zoom in/out. Use a panning gesture to drag the chart area to change the display range.
Documentation: ASP.NET MVC | Xamarin

View ASP.NET MVC Demo

Data and Analysis

Change View:

Features

Series Binding

Specify the data source at the chart or series level. This allows multiple data sources to populate a single chart.
Documentation: Winforms | WPF | UWP | ASP.NET MVC | Xamarin

View ASP.NET MVC Demo View More Demos

Aggregation

FlexChart can automatically aggregate your data using standard functions like sum, average, min and max. For example, if your data contains records for every day, FlexChart can aggregate the data to display summaries for each month, quarter or year.
Documentation: WinForms | WPF

Remote Data Bind

Bind your chart to remote data.

View ASP.NET MVC Demo View More Demos

Scaling

Use logarithmic scaling to spread data that is clustered around the origin. This is common in several financial and economic data sets.
Documentation: Winforms | WPF | UWP | ASP.NET MVC

View ASP.NET MVC Demo View More Demos

Trend Line

Use trend lines to show trends in data and make predictions. Not available in Xamarin.
Documentation: Winforms | WPF | UWP | ASP.NET MVC

View ASP.NET MVC Demo View More Demos

Multiple Plot Areas

Create different plot areas for different series within a single chart area. Not available in Xamarin.
Documentation: Winforms | WPF | UWP | ASP.NET MVC

View ASP.NET MVC Demo View More Demos

Zones

Highlight each data value using colored zones. The zones are drawn using the rendering event.

View ASP.NET MVC Demo

High Performance Rendering

For best performance FlexChart can draw certain chart types, such as line and scatter, using Direct2D (DirectX) rendering. Available in WinForms and WPF.

Series Binding

Specify the data source at the chart or series level. This allows multiple data sources to populate a single chart.
Documentation: Winforms | WPF | UWP | ASP.NET MVC | Xamarin

Aggregation

FlexChart can automatically aggregate your data using standard functions like sum, average, min and max. For example, if your data contains records for every day, FlexChart can aggregate the data to display summaries for each month, quarter or year.
Documentation: WinForms | WPF

Remote Data Bind

Bind your chart to remote data.

Scaling

Use logarithmic scaling to spread data that is clustered around the origin. This is common in several financial and economic data sets.
Documentation: Winforms | WPF | UWP | ASP.NET MVC

Trend Line

Use trend lines to show trends in data and make predictions. Not available in Xamarin.
Documentation: Winforms | WPF | UWP | ASP.NET MVC

Multiple Plot Areas

Create different plot areas for different series within a single chart area. Not available in Xamarin.
Documentation: Winforms | WPF | UWP | ASP.NET MVC

Zones

Highlight each data value using colored zones. The zones are drawn using the rendering event.

High Performance Rendering

For best performance FlexChart can draw certain chart types, such as line and scatter, using Direct2D (DirectX) rendering. Available in WinForms and WPF.

Animation

Change View:

Features

Full Animation

Set animation mode to ALL for each point and series to animate together.
Documentation: Winforms | WPF | UWP | ASP.NET MVC

View ASP.NET MVC Demo View More Demos

Point Animation

Animate chart series point-by-point.
Documentation: Winforms | WPF | UWP | ASP.NET MVC

View ASP.NET MVC Demo View More Demos

Add Point Axes Animation

Animate the addition of data points to a chart. Available in WPF and UWP.
Documentation: WPF | UWP

View Demos

Add Series Axes Animation

Animate the addition of data series to a chart. Available in WPF and UWP.
Documentation: WPF | UWP

View Demos

Formatting and Customization

Change View:

Features

Gradients

FlexChart supports gradient colors.
Documentation: ASP.NET MVC

View ASP.NET MVC Demo View More Demos

Item Formatter

Customize a data point's appearance based on its value.
Documentation: ASP.NET MVC

View ASP.NET MVC Demo View More Demos

Gridlines

Improve your chart's readability with gridlines.
Documentation: Winforms | WPF | UWP | Xamarin | Blazor

Learn More

Set Origin and Position

Learn More

Runtime Chart Designer

Put the power of chart design and modification into the hands of your end-users. With the WinForms runtime designer, users can double-click a section of the chart to open the designer. The designer supports changing the data source fields, series, axis, header, footer, legend and other chart properties.

Documentation: WinForms