SuperAPI AI 工具集

syncfusion-blazor-bullet-chart

通用与其它

查看项目

更新于 10-15 22:32

技能介绍

用途:在 Blazor 应用中用 Syncfusion Blazor Bullet Chart(SfBulletChart)做 KPI 与绩效可视化,展示实际值、目标/对比值,以及“差/一般/好”等定性背景区间,适合仪表盘和紧凑型指标卡。支持 Blazor Server、WebAssembly 与 Web App。

主要能力:

  • 实际条(Feature Measure)与目标标记(Comparative Measure)双元素展示;
  • 定性区间 BulletChartRange 定义背景分区,可设 End、Color、Opacity;
  • 支持单点、多数据点与 CategoryField 分类分组,可横向(默认)或纵向布局;
  • 实际条类型 Rect 或 Dot,目标标记 Rect、Circle、Cross;
  • 坐标轴 Minimum、Maximum、Interval、刻度线与标签;
  • 数据标签、工具提示、图例;
  • 主题(Material、Bootstrap、Fluent、Tailwind、Fabric、Highcontrast)、颜色、标题、边框、尺寸等样式;
  • 事件 Loaded、Resized、TooltipRender、LabelRender、LegendRender、PointClick;
  • 支持 WCAG、键盘导航与 RTL。

使用方式:安装 NuGet 包 Syncfusion.Blazor.Charts 与 Syncfusion.Blazor.Themes(或使用 Syncfusion.Blazor.BulletChart 单包),命名空间 Syncfusion.Blazor.Charts,注册服务并配置主题后使用 <SfBulletChart>。通过 DataSource、ValueField、TargetField 绑定数据,在 <BulletChartRangeCollection> 中配置区间,在 <BulletChartTooltip>、<BulletChartDataLabel> 中配置交互与标签。

适用场景:KPI 仪表盘、销售/营收/配额达成、目标 vs 实际、带质量分区的进度追踪、高管看板、响应式 KPI 卡片等。

限制:资料未提供价格、许可、性能基准与各框架版本的兼容范围;具体 API 细节、方法签名与事件参数需查阅其 API 参考文档,缺失信息暂未提供。