Syncfusion.Blazor.Chart3D
34.2.8
Prefix Reserved
See the version list below for details.
dotnet add package Syncfusion.Blazor.Chart3D --version 34.2.8
NuGet\Install-Package Syncfusion.Blazor.Chart3D -Version 34.2.8
<PackageReference Include="Syncfusion.Blazor.Chart3D" Version="34.2.8" />
<PackageVersion Include="Syncfusion.Blazor.Chart3D" Version="34.2.8" />
<PackageReference Include="Syncfusion.Blazor.Chart3D" />
paket add Syncfusion.Blazor.Chart3D --version 34.2.8
#r "nuget: Syncfusion.Blazor.Chart3D, 34.2.8"
#:package Syncfusion.Blazor.Chart3D@34.2.8
#addin nuget:?package=Syncfusion.Blazor.Chart3D&version=34.2.8
#tool nuget:?package=Syncfusion.Blazor.Chart3D&version=34.2.8
Syncfusion Blazor 3D Chart Component
The Syncfusion Blazor 3D Chart Component enables interactive 3D data visualization in Blazor applications. Visualize complex relationships and trends with depth, enhancing data comprehension through immersive three-dimensional charting.
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
- Multiple 3D Chart Types - Supports six 3D chart types including Column, Bar, Stacked Column, Stacked Bar, 100% Stacked Column, and 100% Stacked Bar.
- Flexible Data Binding - Bind data from local collections or remote services (JSON, Web API, OData). Data labels and tooltips can also be bound directly to your data.
- Rich Interactivity - Interact with 3D charts using rotation, tilt, selection, highlighting, tooltips, and smooth animation effects.
- Customizable Axes & Legends - Supports category, numeric, date‑time, and logarithmic axes, multiple axes configurations, and highly configurable legends with paging and flexible positioning.
- Data Labels & Templates - Display data labels for clarity and enhance them with HTML‑based templates for rich visuals.
- Responsive Design - Automatically adapts to desktops, tablets, and mobile devices on any resolution and modern OS.
- Built‑in Themes & Full Customization - Comes with Material 3, Fluent, Tailwind, Bootstrap, Fabric, and more themes. Customize palettes, backgrounds, and layouts to match your brand.
- Globalization & Localization - Supports cultural formatting, RTL rendering, and localized number/date/currency formats.
- Export & Print Options - Export charts as PNG, JPEG, SVG, or PDF for sharing and reporting.
- Accessibility Support - WCAG‑aligned with keyboard navigation, screen reader support, and WAI‑ARIA compliance.
- Blazor Server & WebAssembly Compatible - Works seamlessly across both Blazor Server and Blazor WASM applications.
System Requirements
- .NET 8.0 or later (Blazor Web App, Blazor Server, Blazor WebAssembly and Blazor Hybrid)
- See full requirements: System Requirements
Installation
Install the Chart3D package, which provides the scripts referenced below:
dotnet add package Syncfusion.Blazor.Chart3D
Add Script References
- For Blazor Server App / Blazor Web App, add these to
Components/App.razororApp.razor. - For Blazor WebAssembly App: add these to
wwwroot/index.html.
<script src="_content/Syncfusion.Blazor.Core/scripts/syncfusion-blazor.min.js" type="text/javascript"></script>
Quick Start
- Register the Syncfusion Blazor services in
Program.cs:
using Syncfusion.Blazor;
builder.Services.AddSyncfusionBlazor();
- Add the Blazor 3D Chart component in a Razor page:
@using Syncfusion.Blazor.Chart3D
<SfChart3D Title="Sales Analysis">
<Chart3DPrimaryXAxis ValueType="Syncfusion.Blazor.Chart3D.ValueType.Category"></Chart3DPrimaryXAxis>
<Chart3DSeriesCollection>
<Chart3DSeries DataSource="@Sales" XName="Month" YName="SalesValue" Type="Chart3DSeriesType.Column">
<Chart3DDataLabel Visible="true"></Chart3DDataLabel>
</Chart3DSeries>
</Chart3DSeriesCollection>
</SfChart3D>
@code {
public class SalesInfo
{
public string Month { get; set; }
public double SalesValue { get; set; }
}
public List<SalesInfo> Sales = new List<SalesInfo>
{
new SalesInfo { Month = "Jan", SalesValue = 35 },
new SalesInfo { Month = "Feb", SalesValue = 28 },
new SalesInfo { Month = "Mar", SalesValue = 34 },
new SalesInfo { Month = "Apr", SalesValue = 32 },
new SalesInfo { Month = "May", SalesValue = 40 },
new SalesInfo { Month = "Jun", SalesValue = 32 },
new SalesInfo { Month = "Jul", SalesValue = 35 }
};
}
Documentation
- Getting Started with Blazor Web App
- Getting Started with Blazor WebAssembly App
- Feature Overview
- API Reference
- Live Demos
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
Desktop: WinForms | WPF | WinUI
Learn more at www.syncfusion.com.
sales@syncfusion.com | Toll Free: 1-888-9-DOTNET
| Product | Versions 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. |
-
net10.0
- Syncfusion.Blazor.Core (>= 34.2.8)
- Syncfusion.Blazor.Data (>= 34.2.8)
- Syncfusion.Blazor.DataVizCommon (>= 34.2.8)
- Syncfusion.ExcelExport.Net.Core (>= 34.2.8)
- Syncfusion.PdfExport.Net.Core (>= 34.2.8)
-
net8.0
- Syncfusion.Blazor.Core (>= 34.2.8)
- Syncfusion.Blazor.Data (>= 34.2.8)
- Syncfusion.Blazor.DataVizCommon (>= 34.2.8)
- Syncfusion.ExcelExport.Net.Core (>= 34.2.8)
- Syncfusion.PdfExport.Net.Core (>= 34.2.8)
-
net9.0
- Syncfusion.Blazor.Core (>= 34.2.8)
- Syncfusion.Blazor.Data (>= 34.2.8)
- Syncfusion.Blazor.DataVizCommon (>= 34.2.8)
- Syncfusion.ExcelExport.Net.Core (>= 34.2.8)
- Syncfusion.PdfExport.Net.Core (>= 34.2.8)
NuGet packages (1)
Showing the top 1 NuGet packages that depend on Syncfusion.Blazor.Chart3D:
| Package | Downloads |
|---|---|
|
Jakar.Extensions.Blazor.Syncfusion
Extensions to aid in development. |
GitHub repositories
This package is not used by any popular GitHub repositories.
| Version | Downloads | Last Updated |
|---|---|---|
| 34.2.9 | 107 | 9/21/2026 |
| 34.2.8 | 194 | 9/14/2026 |
| 34.2.7 | 233 | 9/8/2026 |
| 34.2.6 | 181 | 8/31/2026 |
| 34.2.5 | 211 | 8/25/2026 |
| 34.2.4 | 207 | 8/17/2026 |
| 34.2.3 | 163 | 8/11/2026 |
| 34.2.2 | 450 | 8/5/2026 |
| 34.1.33 | 288 | 7/27/2026 |
| 34.1.32 | 251 | 7/21/2026 |
| 34.1.31 | 279 | 7/14/2026 |
| 34.1.30 | 175 | 7/9/2026 |
| 34.1.29 | 615 | 7/6/2026 |
| 33.2.15 | 239 | 6/23/2026 |
| 33.2.13 | 219 | 6/16/2026 |
| 33.2.12 | 257 | 6/9/2026 |
| 33.2.10 | 221 | 6/2/2026 |
| 33.2.8 | 206 | 5/26/2026 |
| 33.2.7 | 285 | 5/19/2026 |
| 33.2.6 | 227 | 5/12/2026 |