Syncfusion.Blazor.BulletChart 33.1.44

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

Syncfusion® Blazor Bullet Chart Component

The Blazor Bullet Chart Component is a lightweight charting component that compares performance measures against targets and displays them across multiple ranges. Ideal for KPI dashboards and performance evaluation scenarios.

Key Features

  • Comparative Performance Visualization – Visually compare performance metrics against target values
  • Multiple Ranges – Display performance across multiple qualitative ranges (e.g., poor, satisfactory, good) with customizable colors and opacity
  • Multiple Scales – Support for multiple scales and axes for detailed analysis
  • Data Labels – Show actual values on the chart with customizable styling (color, font, opacity)
  • Tooltip Support – Interactive tooltips to display detailed information on hover
  • Axis Customization – Customize axis labels, ticks, and scale properties for enhanced readability
  • Flexible Orientation – Support for both horizontal and vertical orientations
  • Customizable Appearance – Extensive styling options including themes, colors, and dimensions
  • Responsive Design – Adaptive layout that works seamlessly across different screen sizes and devices
  • Accessibility Compliant – WCAG 2.2, Section 508, ADA compliant with keyboard navigation and screen reader support
  • Print Support – Built-in print functionality (Ctrl + P)
  • Export Functionality – Export charts to images and PDF formats
  • Built-in Themes – Customizable themes and styling options
  • RTL Support – Right-to-left rendering for internationalization

System Requirements

  • .NET 8.0 or later (Blazor Web App, Blazor Server, Blazor WebAssembly and Blazor Hybrid)
  • See full requirements: system requirements

Blazor BulletChart

Installation

.NET CLI

dotnet add package Syncfusion.Blazor.Charts

NuGet Package Manager

Install-Package Syncfusion.Blazor.Charts

Add Script References

  • For Blazor Server App / Blazor Web App, add these to Components/App.razor or App.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

  1. Register the Syncfusion® Blazor services in Program.cs:
using Syncfusion.Blazor;

builder.Services.AddSyncfusionBlazor();
  1. Add the Blazor BulletChart component in a Razor page:
<SfBulletChart DataSource="@BulletChartData" ValueField="FieldValue" TargetField="TargetValue" Minimum="0" Maximum="300" Interval="50" Title="Revenue">
    <BulletChartTooltip TValue="ChartData" Enable="true"></BulletChartTooltip>
    <BulletChartRangeCollection>
        <BulletChartRange End=150> </BulletChartRange>
        <BulletChartRange End=250></BulletChartRange>
        <BulletChartRange End=300></BulletChartRange>
    </BulletChartRangeCollection>
</SfBulletChart>

@code{
    public class ChartData
    {
        public double FieldValue { get; set; }
        public double TargetValue { get; set; }
    }
    public List<ChartData> BulletChartData = new List<ChartData>
    {
        new ChartData { FieldValue = 270, TargetValue = 250 }
    };
}

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 (1)

Showing the top 1 NuGet packages that depend on Syncfusion.Blazor.BulletChart:

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
33.1.45 123 3/23/2026
33.1.44 217 3/16/2026
32.2.9 162 3/9/2026
32.2.8 157 3/2/2026
32.2.7 155 2/23/2026
32.2.5 150 2/16/2026
32.2.4 132 2/10/2026
32.2.3 416 2/5/2026
32.1.25 157 1/26/2026
32.1.24 898 1/19/2026
32.1.23 129 1/13/2026
32.1.22 531 1/5/2026
32.1.21 206 12/29/2025
32.1.20 231 12/23/2025
32.1.19 565 12/16/2025
31.2.18 594 12/8/2025
31.2.16 699 12/1/2025
31.2.15 229 11/25/2025
31.2.12 467 11/18/2025
31.2.10 338 11/12/2025
Loading failed