Syncfusion.Blazor.Charts 33.1.49

Prefix Reserved
dotnet add package Syncfusion.Blazor.Charts --version 33.1.49
                    
NuGet\Install-Package Syncfusion.Blazor.Charts -Version 33.1.49
                    
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="Syncfusion.Blazor.Charts" Version="33.1.49" />
                    
For projects that support PackageReference, copy this XML node into the project file to reference the package.
<PackageVersion Include="Syncfusion.Blazor.Charts" Version="33.1.49" />
                    
Directory.Packages.props
<PackageReference Include="Syncfusion.Blazor.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 Syncfusion.Blazor.Charts --version 33.1.49
                    
#r "nuget: Syncfusion.Blazor.Charts, 33.1.49"
                    
#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 Syncfusion.Blazor.Charts@33.1.49
                    
#: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=Syncfusion.Blazor.Charts&version=33.1.49
                    
Install as a Cake Addin
#tool nuget:?package=Syncfusion.Blazor.Charts&version=33.1.49
                    
Install as a Cake Tool

Syncfusion® Blazor Charts

High-performance charting component with 30+ chart types for data visualization in Blazor applications. Render large datasets quickly with extensive interactivity and customization options.

Blazor Charts

Key features

  • 50+ Chart Types: Line, Area, Column, Bar, Spline, Scatter, Bubble, Pie, Donut, Pyramid, Funnel, Polar, Radar, and more
  • Cartesian: Line, Spline, Area, Step, Column, Bar, Stacked/100%, Range, Scatter, Bubble
  • Polar/Radar Charts: Line, Area, Column, Range
  • Accumulation Charts: Pie, Donut, Pyramid, Funnel
  • Stacked & Range Charts: Stacked variants (100%), Range Area, Range Column
  • Financial Charts: Candlestick, OHLC, HiLo for stock market data
  • Special Charts: Box and Whisker, Histogram, Waterfall, Pareto, and Stacked variants.
  • Interactive Features: Crosshair, trackball, zooming, panning, tooltip, selection
  • High Performance: Lazy loading and efficient rendering of large datasets
  • Customization: Template support, legend customization, axis formatting
  • Responsive & Mobile-friendly: Touch gestures and adaptive layouts
  • Multiple Themes: Built-in and custom styling options

Add stylesheet and script references

For Blazor Web App / Blazor Server App, add these to Components/App.razor or App.razor file. For Blazor WebAssembly App, add these to wwwroot/index.html file.

<link href="_content/Syncfusion.Blazor.Themes/bootstrap5.css" rel="stylesheet" />
<script src="_content/Syncfusion.Blazor.Core/scripts/syncfusion-blazor.min.js" type="text/javascript"></script>

Quick start

  1. Register the Syncfusion® Blazor service in the Program.cs file.
using Syncfusion.Blazor;

builder.Services.AddSyncfusionBlazor();
  1. Add Blazor Chart component to your Razor page.
@using Syncfusion.Blazor.Charts

<SfChart Title="Monthly Sales">
    <ChartPrimaryXAxis ValueType="Syncfusion.Blazor.Charts.ValueType.Category">
        <ChartAxisMajorGridLines Width="0"></ChartAxisMajorGridLines>
    </ChartPrimaryXAxis>
    <ChartSeriesCollection>
        <ChartSeries DataSource="@SalesData" XName="Month" YName="Sales" Type="ChartSeriesType.Column">
        </ChartSeries>
    </ChartSeriesCollection>
</SfChart>

@code {
    public class SalesData
    {
        public string Month { get; set; }
        public double Sales { get; set; }
    }

    private List<SalesData> SalesData = new List<SalesData>
    {
        new SalesData { Month = "Jan", Sales = 35 },
        new SalesData { Month = "Feb", Sales = 28 },
        new SalesData { Month = "Mar", Sales = 34 },
        new SalesData { Month = "Apr", Sales = 32 },
        new SalesData { Month = "May", Sales = 40 }
    };
}

Documentation

Support

License

This is a commercial product and requires a paid license for possession or use. Review the Syncfusion® EULA.

About Syncfusion®

Syncfusion® provides 1600+ UI components and frameworks for web, mobile, and desktop development across multiple platforms:

Web: Blazor | ASP.NET Core | ASP.NET MVC | JavaScript | Angular | React | Vue

Mobile: Flutter | MAUI | UWP

Desktop: WinForms | WPF | WinUI

Learn more at www.syncfusion.com.

sales@syncfusion.com | Toll Free: 1-888-9-DOTNET

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. 
Compatible target framework(s)
Included target framework(s) (in package)
Learn more about Target Frameworks and .NET Standard.

NuGet packages (12)

Showing the top 5 NuGet packages that depend on Syncfusion.Blazor.Charts:

Package Downloads
Syncfusion.Blazor.PivotTable

Syncfusion® Blazor Pivot Table (PivotView) component for data summarization and analytics in .NET Blazor apps. Supports pivoting, aggregation, drill-down, field lists, calculated fields, and export.

Syncfusion.Blazor.RangeNavigator

Syncfusion® Blazor Range Navigator component provides an interactive range selection control for navigating and visualizing data over a range. Enables zooming, panning, and selection across large datasets with support for date-time and numeric axes, built for Blazor Server and WebAssembly applications.

CyberFrameword10_V2

CyberFrameword10_V2

Whipstaff.Blazor.Syncfusion.Charts

Re-usable logic for working with Syncfusion Blazor Chart controls.

IdentitySuite

A ready-to-use OpenId Connect Server based on Openiddict with Microsoft Identity and a comprehensive management shell.

GitHub repositories

This package is not used by any popular GitHub repositories.

Version Downloads Last Updated
33.1.49 0 4/13/2026
33.1.47 1,465 4/6/2026
33.1.46 1,517 3/30/2026
33.1.45 2,213 3/23/2026
33.1.44 4,897 3/16/2026
32.2.9 5,790 3/9/2026
32.2.8 4,856 3/2/2026
32.2.7 5,974 2/23/2026
32.2.5 5,395 2/16/2026
32.2.4 4,350 2/10/2026
32.2.3 6,050 2/5/2026
32.1.25 7,700 1/26/2026
32.1.24 4,395 1/19/2026
32.1.23 5,943 1/13/2026
32.1.22 4,182 1/5/2026
32.1.21 4,979 12/29/2025
32.1.20 2,607 12/23/2025
32.1.19 6,935 12/16/2025
31.2.18 6,136 12/8/2025
31.2.16 10,290 12/1/2025
Loading failed