Comprehensive Chart Types

A rich collection of data visualization options.

The DevExpress Blazor Chart component allows you transform data to its most appropriate, concise and readable visual representation. To guarantee the highest levels of flexibility, our Blazor Chart ships with a rich collection of 2D charts - ranging from area and bars to pie and financial views.

  • Area, Spline and Step including Stacked and Full-Stacked Area
  • Side-by-Side, Stacked and Full-Stacked Bar
  • Line and Step Line
  • Stacked and Full-Stacked Line
  • Range Bar and Range Area
  • Candlestick and Stock
  • Pie and Donut
  • Bubble

And yes, you can save (export) your chart in the following file formats: PDF, PNG, JPEG, and GIF.

See Demos

Blazor Chart Types - DevExpress

Composite Chart for Blazor UI

Robust comparative analysis.

Give users the power to dig-deep and better analyze the data displayed within your Blazor chart. As you would expect, each individual series can use its own axes for visual representation. You can create as many Y axes as needed. By using a secondary axis, you can visually compare trends across multiple series within a single diagram - even when series values contain significant variances.

Our Blazor Chart component allows you to swap the argument (X) and value (Y) axes and display the X axis vertically and the Y axis horizontally.

The multi-pane option allows you to display chart series within separate panes. A pane can display one or more chart series and can share the argument axis with other panes.

See Demo

Blazor Composite Chart - Multiple Series, DevExpress

Chart UI Customization

Deliver unrivaled user experiences.

Chart Legends
Chart Legends provide crucial information to end-users. Because of its importance, the DevExpress Blazor Chart component offers a number of unique ways to customize Legend display within a web app. You can customize the Legend's position, visibility and item text. In addition, you can display checkboxes to toggle the visibility of specific chart elements.

Axis / Data Labels
Axis labels are displayed along the X-axis of the chart. The DevExpress Blazor Chart supports smart label management, which ensures that labels avoid overlapping and are displayed correctly.

Our Blazor Chart component library can also display callouts (data labels) – so you can annotate important data points and update information automatically when changes are made to data values.

Titles and Tooltips
Our Chart Title and Tooltips have been designed to make Blazor charts more readable and easier to understand.

Blazor Chart - UI Customization, DevExpress

Always Interactive

Deliver the best possible user experience.

Improve usability, chart readability, and pin-point trends within your organization with the following interactive features/UI options:

  • Chart Selection
    Highlight and select chart elements - be it a single data point or series.

  • Drill-Down
    Incorporate drill down charts (users click data points and navigate through hierarchical information) within your Blazor-powered web app.

Apart from the fact that the DevExpress components usually are flawless, support calls are always answered both fast and competent. You guys rock. Jens Werstein
Drill-Down and Chart Selection - Blazor UI Components, DevExpress

Pivot Grid Integration

Visualize data displayed in the pivot grid.

The DevExpress Blazor Charts can load and visualize data directly from our Blazor Pivot Grid component too. The chart will also update instantly to reflect the changes made in the pivot table.

See Demo

The thorough documentation and extensive support ticket system makes learning the libraries easy. The demos are a great source for programmers to learn the correct way to use the tools. They are written with best practices in mind. Scott Patzner / Cambridge Investment Research Inc.
Blazor Chart - Pivot Grid Integration, DevExpress

Mobile Friendly

Ready for both Desktop, Tablets and Mobile

The DevExpress Blazor Chart component renders responsively so you can deliver elegant, high-performance and touch-enabled web applications for desktops, tablets and mobile devices alike.

A truly professional, fully-featured set of controls from people focused on continual development. As developers, we can't ask for anything more. Keep up the awesome work. Nigel Bogle / CEO - Software Engineer
Mobile Friendly Blazor Components, DevExpress
Mobile Friendly Blazor Chart, DevExpress

Start your free 30-day trial today!

Download our fully-functional 30-day trial today and
experience the DevExpress difference today.

 

Download Free Trial

60 Day Unconditional Money Back Guarantee

We are so confident in our products and services that we back them with a 60 day no questions asked money back guarantee. If within the first 60 days of ownership you are not satisfied with the capabilities of our tools, you can request a full refund of the amount you paid to DevExpress by writing to clientservices@devexpress.com or by calling +1 (818) 844-3383.

Tag <dxtransform> is invalid. Transformation failed: An error occurred while loading document '../../../App_Data/GeneratedData/ProductsStructure.xml'. See InnerException for a complete description of the error.

* DevExpress does not include/ship source code for certain products, including CodeRush, TestCafe Studio, and Report & Dashboard Server.

Best in Class Tools

DevExpress is honored to have been voted best in class 19 times in this year's Visual Studio Magazine Reader's Choice Awards.

Experience the DevExpress difference and see why your peers consistently vote our products #1. With our Universal Subscription, you will build your best, see complex software with greater clarity, increase your productivity and create stunning applications for Windows, Web and your Mobile world.

19 VSM Awards in 2023 x19
20 VSM Awards in 2022 x20
20 VSM Awards in 2021 x20
18 VSM Awards in 2020 x18