Build stunning dashboards for the web using C# and .NET with ComponentOne FlexChart for Blazor.
Blazor chart controls are UI libraries for creating and displaying 2D charts in web applications. ComponentOne FlexChart provides bar, line, area, and many other chart types to help developers visualize data in meaningful ways.
Easy to Use Blazor Charts
FlexChart is an easy-to-use Blazor C# chart component. Write less code with built-in styling and analysis features.
50+ Chart Types and Variations
Build the exact chart you need with FlexChart's many built-in chart types, combination plots and stacking options.
Specialized Chart Components
Get optimized Blazor chart components with specialized APIs for pie, radar, polar, sunburst and treemap charts.
Configure your Blazor charts down to the smallest detail with label formatting, gridlines, tick marks, and more.
High-Performance for Server and Client
The Blazor charts have been developed natively to ensure optimal performance for both Server and WebAssembly apps.
Interactive SVG Rendering
Process very large data sets and get fully interactive charts with high-performance SVG rendering.
Bar Stacked Charts
Stacked charts demonstrate the part-to-whole relationship for displaying the cumulative values of categories. FlexChart provides options to cluster and stack bar (and column charts) including 100% stacking.
Used to visualize a trend in data over time, line charts are created by connecting data points with lines and optional symbols. Line charts also support stacking series, spline (smooth) rendering, and gaps within the data.
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.
Create rich, visually appealing data modeling and financial charts with bubble charts. This Blazor chart allows you to display your data series as a set of differently-sized symbols in the chart space.
The candlestick 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.
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.
Multiple Pie Charts
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.
Create circular graphs to display multivariate observations with an arbitrary number of variables. FlexRadar can generate polar charts with lines, columns, filled areas, and custom symbols.
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 waterfall chart helps understand the cumulative effect of sequentially introduced positive or negative values. Optionally, display auto-calculated intermediate totals in the waterfall chart.
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.
Scaling and Scrolling
Enable zooming and panning interaction with axis range scrollbars. This type of scrolling works well with the Blazor Server and WebAssembly (WASM), as the control updates the view after the user drags either scroll thumb.
Custom Axes and Gridlines
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.
Data Labels and Tooltips
Display precise chart values in labels attached to each data point. FlexChart can automatically display the formatted value or percentage within labels and tooltips, but you can customize the style and layout.
Annotations improve the clarity of the chart using arbitrary text, images and shapes that can be attached to data points or plot coordinates. The Blazor chart control supports various built-in annotations such as shapes, lines, images and text.
Easily combine any Cartesian chart types into a single plot using FlexChart's flexible model. Each series can be set to a different chart type, allowing endless composite chart combinations.
FlexChart for Blazor can be exported to an image in PNG, JPG, or SVG formats.
Flight Statistics Dashboard
See a real-world dashboard built using entirely ComponentOne Blazor components. View flight statistics in a FlexGrid with row selection that drills down to visualize data on FlexChart for a region or city.
"Prompt responses, quality feedback, and help with code examples. Fantastic service!"
"Excellent product with good support"
"I am very appreciative of the effort your entire team gave to make this transaction happen. Thank you for your efforts!"
"When I run into complex problems, I turn to my ComponentOne Studio Enterprise toolbox."
KEN SPENSER, MICROSOFT REGIONAL DIRECTOR - FRAMEWORK MASTERS
"I love to use C1 components! I can be confident that if I need to do a particular task, ComponentOne will have the control to do the job."
SILV SORDELLO, SOFTWARE DEVELOPER
"As an ISV, I need tools that allow me to be competitive. Therefore, it's a must to use reliable and stable tools for customized solutions...ComponentOne provides all that to me and even more!"
DENNIS WALLENTIN, MICROSOFT MVP (EXCEL)
"Easier to use right off the bat. I liked using the Scheduler for drag-and-drop capability."
MICHELLE GIBSON, SOFTWARE ENGINEER