Syncfusion.Blazor.ChartWizard 34.2.8

Prefix Reserved
.NET 8.0 This package targets .NET 8.0. The package is compatible with this framework or higher. 
dotnet add package Syncfusion.Blazor.ChartWizard --version 34.2.8
                    


                    

                
NuGet\Install-Package Syncfusion.Blazor.ChartWizard -Version 34.2.8
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.ChartWizard" Version="34.2.8" />
For projects that support PackageReference, copy this XML node into the project file to reference the package. 
<PackageVersion Include="Syncfusion.Blazor.ChartWizard" Version="34.2.8" />
                    


                            Directory.Packages.props
                        

                    

                
<PackageReference Include="Syncfusion.Blazor.ChartWizard" />
                    


                            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.ChartWizard --version 34.2.8
                    


                    

                
#r "nuget: Syncfusion.Blazor.ChartWizard, 34.2.8"
#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.ChartWizard@34.2.8
#: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.ChartWizard&version=34.2.8
                    


                            Install as a Cake Addin
                        

                    

                
#tool nuget:?package=Syncfusion.Blazor.ChartWizard&version=34.2.8
                    


                            Install as a Cake Tool

Syncfusion Blazor Chart Wizard

The Syncfusion Blazor Chart Wizard is an interactive chart creation and customization component for Blazor applications. It helps users map data fields, configure series, control chart appearance, and preview updates in real time.

Blazor Chart Wizard

Using this package with an AI coding agent

Before generating Syncfusion code, ask your AI coding agent to run the Syncfusion setup using the following prompt:

Set up this project for Syncfusion before generating code. Fetch and follow the official instructions at https://ai.syncfusion.com, then report the detected platform, installed skill pack, MCP status, and any required licensing action.

The setup detects your project's platform and loads the appropriate Syncfusion skill pack. No Syncfusion account or MCP key is required to install or read Syncfusion agent skills.

Platform reference: https://ai.syncfusion.com/blazor/llms.txt

Key Features

  • Interactive chart building: Configure chart type, category fields, and series fields with immediate visual feedback.
  • Data binding support: Bind to IEnumerable<T> collections, including List<T> and ObservableCollection<T>.
  • Single and multi-series charts: Render one or more series from the same data source.
  • Flexible field mapping: Map one or more category fields and numeric series fields from your data model.
  • Multiple chart types: Support for common chart types such as column, bar, line, area, pie, and more.
  • Real-time preview: Reflect chart changes as users update settings in the wizard.
  • Property panel support: Provide an interactive editor experience for chart configuration.
  • Export-ready workflow: Prepare chart output for export scenarios supported by the component.
  • Responsive and Blazor-friendly: Built for Web App, Server, and WebAssembly applications.

System Requirements

  • .NET 8.0 or later
  • Blazor Web App, Blazor Server, or Blazor WebAssembly
  • See full requirements: System Requirements

Installation

Install the ChartWizard package and the themes package, which provides the stylesheets referenced below:

dotnet add package Syncfusion.Blazor.ChartWizard
dotnet add package Syncfusion.Blazor.Themes

Add Stylesheet and Script References

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

<link href="_content/Syncfusion.Blazor.Themes/fluent2.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 Program.cs:
using Syncfusion.Blazor;

builder.Services.AddSyncfusionBlazor();
  1. Add the Chart Wizard to your Razor page and bind data fields:
@using Syncfusion.Blazor.ChartWizard

<SfChartWizard Width="800" Height="450" Theme="Syncfusion.Blazor.Theme.Bootstrap5" PropertyPanelExpanded="true">
	<ChartSettings DataSource="@SalesData"
				   CategoryFields="@categories"
				   SeriesFields="@chartSeries"
				   SeriesType="ChartWizardSeriesType.Column">
	</ChartSettings>
</SfChartWizard>

@code {

    private List<string> categories = new() { "Month" };
    private List<string> chartSeries = new() { "Sales" };

	public class SalesInfo
	{
		public string Month { get; set; }
		public double Sales { get; set; }
	}

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

Working with data

The Chart Wizard uses ChartSettings to configure data binding:

  • DataSource supplies the collection of data objects.
  • CategoryFields identifies the field or fields used for category values.
  • SeriesFields identifies the numeric fields used to create chart series.
  • SeriesType selects the chart type for rendering.

For multi-series charts, provide multiple values in SeriesFields. For example, a single category with multiple series can be bound using fields such as Gold, Silver, and Bronze.

ObservableCollection<T> is also supported for dynamic data scenarios where the chart should update as items are added, removed, or modified.

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 1800+ 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 | Xamarin

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

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
34.2.8 100 9/14/2026
34.2.7 131 9/8/2026
34.2.6 149 8/31/2026
34.2.5 166 8/25/2026
34.2.4 157 8/17/2026
34.2.3 151 8/11/2026
34.2.2 384 8/5/2026
34.1.33 517 7/27/2026
34.1.32 147 7/21/2026
34.1.31 176 7/14/2026
34.1.30 165 7/9/2026
34.1.29 567 7/6/2026
33.2.15 232 6/23/2026
33.2.13 196 6/16/2026
33.2.12 192 6/9/2026
33.2.10 175 6/2/2026
33.2.8 174 5/26/2026
33.2.7 164 5/19/2026
33.2.6 172 5/12/2026
33.2.5 161 5/4/2026
Loading failed

https://blazor.syncfusion.com/documentation/release-notes/34.2.8/?utm_source=nuget&utm_medium=listing