Flexible ASP.NET MVC Chart Controls

Compare multiple, categorical data series in a basic horizontal bar chart.

Stack data points in a MVC bar chart. Plots data points on top of each other using horizontal bars.

Compare percentages for each value within the total. The cumulative proportion of each stacked column always totals one hundred percent.

Similar to a bar chart, with a primarily vertical orientation. MVC column charts compare values across categories by using vertical bars.

Stack and plot data points in a column chart using vertical bars. To stack the chart values, set the FlexChart stacking property.

The cumulative proportion of each stacked column always totals one hundred percent. Compare the percentage each value contributes to the total.

Create rich, visually appealing data modeling and financial charts with bubble charts. This ASP.NET MVC chart allows you to display your data series as a set of differently-sized symbols in the chart space.

Demonstrate correlation between data points and a set of numerical data along the x-axis and the y-axis. Scatter charts combine values into single data points and display uneven intervals or clusters.

ASP.NET pie charts show how parts of a whole add up to 100%. FlexPie features include doughnut, exploded slices, animation, selection, and rotation.

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 a parent.

Use FlexPie to visualize more data in a single chart by creating multiple pie chart "series" using the same data source. An effective way of presenting data, especially if the intent is to show one section relative to the whole.

Error bars help you see margins of error and standard deviations at a glance. They can be shown as a standard error amount, a percentage, or a standard deviation.

Graphically depict groups of numerical data through their quartile, mean, median, and outliers.

Visualize stages of a process, such as a sales funnel, using a funnel shape. Adjust the funnel's height, width, and style using the options property.

Square the edges in a funnel for a different look that plots streamlined data to show various stages in a process.

A waterfall chart helps understand the cumulative effect of sequentially introduced positive or negative values. Optionally, display auto-calculated intermediate totals in the waterfall chart.

Manage a project with a Gantt chart and never miss a step. Includes dependencies and percent complete, start and end dates for each task, and information such as completion states and task dependencies.

Display hierarchical information combined with relative quantity. Highlight hierarchical, tree-structured data as a set of nested rectangles and help to analyze the anomalies in the data set.

A break-even chart shows the sales volume level at which total costs equal sales. The chart plots revenue, fixed costs, and variable costs on the vertical axis, and volume on the horizontal axis.

Quickly choose one of FlexChart's 12 built-in color palettes including sequential, diverging and qualifying palettes which are helpful in visualizing ordered or diverging data sets. Or customize your own palette with full gradient support.

FlexChart allows you to customize each data point's appearance by changing the style, shape or color. Use the ItemFormater property to customize the appearance of the data points calculated based on their values being plotted.

Configure the chart axes and gridlines to your desired specifications. FlexChart supports multiple axes, major and minor gridlines, tick marks, axis origin, reversed axes, rotated axis labels, logarithmic scaling and more.

Explore every key feature and discover new ones in the ASP.NET MVC Control Explorer.

Build business intelligence dashboards with the Dashboard Layout control. Embed controls like FlexGrid and FlexChart with built-in layouts. Users can resize and move controls with ease.

Experience this responsive dashboard demo that showcases several ComponentOne controls. Drill into information by clicking a chart node. Add custom icons, sparklines, and conditional formatting.

These tutorials get you started with MVC Chart's chart types and interactions.

These tutorials get you started with ASP.NET MVC FlexPie, a flexible MVC pie chart.

View the FlexRadar control which is a specialized ASP.NET MVC chart component for radar and polar charts.