Microsoft.FluentUI.AspNetCore.Components.Charts 5.0.0

Prefix Reserved
.NET 8.0 This package targets .NET 8.0. The package is compatible with this framework or higher. 
dotnet add package Microsoft.FluentUI.AspNetCore.Components.Charts --version 5.0.0
                    


                    

                
NuGet\Install-Package Microsoft.FluentUI.AspNetCore.Components.Charts -Version 5.0.0
This command is intended to be used within the Package Manager Console in Visual Studio, as it uses the NuGet module's version of Install-Package. 
<PackageReference Include="Microsoft.FluentUI.AspNetCore.Components.Charts" Version="5.0.0" />
For projects that support PackageReference, copy this XML node into the project file to reference the package. 
<PackageVersion Include="Microsoft.FluentUI.AspNetCore.Components.Charts" Version="5.0.0" />
                    


                            Directory.Packages.props
                        

                    

                
<PackageReference Include="Microsoft.FluentUI.AspNetCore.Components.Charts" />
                    


                            Project file
For projects that support Central Package Management (CPM), copy this XML node into the solution Directory.Packages.props file to version the package. 
paket add Microsoft.FluentUI.AspNetCore.Components.Charts --version 5.0.0
                    


                    

                
#r "nuget: Microsoft.FluentUI.AspNetCore.Components.Charts, 5.0.0"
#r directive can be used in F# Interactive and Polyglot Notebooks. Copy this into the interactive tool or source code of the script to reference the package. 
#:package Microsoft.FluentUI.AspNetCore.Components.Charts@5.0.0
#:package directive can be used in C# file-based apps starting in .NET 10 preview 4. Copy this into a .cs file before any lines of code to reference the package. 
#addin nuget:?package=Microsoft.FluentUI.AspNetCore.Components.Charts&version=5.0.0
                    


                            Install as a Cake Addin
                        

                    

                
#tool nuget:?package=Microsoft.FluentUI.AspNetCore.Components.Charts&version=5.0.0
                    


                            Install as a Cake Tool

Microsoft Fluent UI Chart Components for Blazor

NuGet

About

This package provides Blazor chart components that bring the Fluent Design System's charting capabilities to .NET Blazor applications. The components are based on the Fluent UI V9 React Charts package (@fluentui/react-charts) and offer the same look, feel, and behavior as their React counterparts.

Note: Currently, only a subset of the chart types available in @fluentui/react-charts are implemented. Additional chart types will be added in future releases.

Available chart types

Chart type Blazor component
Donut Chart <FluentDonutChart>
Funnel Chart <FluentFunnelChart>
Gantt Chart <FluentGanttChart>
Horizontal Bar Chart <FluentHorizontalBarChart>
Horizontal Bar Chart with Axis <FluentHorizontalBarChartWithAxis>

Coming soon

The following chart types from the React Charts package are planned for future releases:

  • Area Chart
  • Gauge Chart
  • Grouped Vertical Bar Chart
  • Heat Map Chart
  • Line Chart
  • Polar Chart
  • Sankey Chart
  • Scatter Chart
  • Sparkline
  • Vertical Bar Chart
  • Vertical Stacked Bar Chart
  • And more...

Prerequisites

This package is an extension to the Microsoft Fluent UI Blazor library and cannot be used as a standalone package. The main Microsoft.FluentUI.AspNetCore.Components package must be installed and configured in your project first.

For instructions on how to set up the Fluent UI Blazor library, see the Getting Started documentation.

Installation

Install the package using the .NET CLI:

dotnet add package Microsoft.FluentUI.AspNetCore.Components.Charts

Or add the package using the NuGet Package Manager in Visual Studio.

No additional setup required. Once the package is installed, the Core library will automatically detect and register everything it needs. There is no need to manually add services or script references.

Samples and documentation

Live samples and full documentation for all chart components are available on the demo site:

https://v5.fluentui-blazor.net

Support

The Microsoft Fluent UI Blazor library is an open source project and is not an official part of ASP.NET Core, which means it's not officially supported and isn't committed to ship updates as part of any official .NET updates. It is built and maintained by Microsoft employees (and other contributors) and offers support, like most other open source projects, on a best effort base through the GitHub repository only.

Product Compatible and additional computed target framework versions.
.NET net8.0 is compatible.  net8.0-android was computed.  net8.0-browser was computed.  net8.0-ios was computed.  net8.0-maccatalyst was computed.  net8.0-macos was computed.  net8.0-tvos was computed.  net8.0-windows was computed.  net9.0 is compatible.  net9.0-android was computed.  net9.0-browser was computed.  net9.0-ios was computed.  net9.0-maccatalyst was computed.  net9.0-macos was computed.  net9.0-tvos was computed.  net9.0-windows was computed.  net10.0 is compatible.  net10.0-android was computed.  net10.0-browser was computed.  net10.0-ios was computed.  net10.0-maccatalyst was computed.  net10.0-macos was computed.  net10.0-tvos was computed.  net10.0-windows was computed.  net11.0 is compatible. 
Compatible target framework(s)
Included target framework(s) (in package)
Learn more about Target Frameworks and .NET Standard.

NuGet packages

This package is not used by any NuGet packages.

GitHub repositories

This package is not used by any popular GitHub repositories.

Version Downloads Last Updated
5.0.0 58 9/25/2026
5.0.0-rc.5-26219.1 2,418 8/9/2026
5.0.0-rc.4-26180.1 680 6/29/2026