用途:在 Angular 应用中创建 Syncfusion 子弹图组件,用于展示实际值与目标值的对比,并可用颜色区分质量区间(Good、Satisfactory、Poor)。适合销售业绩、质量指标、人事绩效、预算分析、学习进度、健康指标和项目状态等场景。
主要能力:支持本地与远程数据绑定,通过 valueField 与 targetField 映射实际值和目标值;可配置坐标轴刻度、标签格式(数字、百分比、货币)及位置;可定义带颜色的范围区间;可自定义实际条形状(Rect、Dot)与目标条形状(Rect、Circle、Cross)及颜色宽度;支持数据标签、提示工具和自定义 HTML 提示模板;可设置标题、副标题、尺寸、横向或纵向方向、RTL、动画与主题;具备无障碍特性,包括键盘导航(Tab、Shift+Tab、Ctrl+P)、屏幕阅读器支持和 WAI-ARIA 属性。
使用方式:安装 @syncfusion/ej2-angular-charts 包,导入 BulletChartModule,在模板中使用 <ejs-bulletchart>,通过 dataSource、valueField、targetField、ranges 等属性配置,并可按需注入 BulletTooltipService 等服务。
限制:官方资料未提供具体价格、收费模式、性能数据或与其他工具的对比结论;这些信息暂未提供。实际使用需遵循 Syncfusion 相关许可与版本要求。