SuperAPI AI 工具集

syncfusion-javascript-bullet-chart

通用与其它

查看项目

更新于 10-16 05:46

技能介绍

用途:在 Syncfusion EJ2 中实现子弹图(Bullet Chart),用于在量化刻度上比较实际值与目标值,并用定性区间(如低于预期、接近目标、达成目标)提供绩效背景。

主要能力:支持单个或多个绩效度量、实际值条、一个或多个目标标记、定性绩效区间、水平与垂直方向、主次刻度、数值与分类标签、实际值数据标签、工具提示模板、动画、主题、从右到左渲染、浏览器打印、动态数据更新以及无障碍与键盘支持。

使用方式:TypeScript 通过 npm 安装 @syncfusion/ej2-charts,导入 BulletChart,按需用 BulletChart.Inject(...) 注入 BulletTooltip、BulletChartLegend 等模块,并显式配置 dataSource、valueField、targetField、categoryField。JavaScript 可使用合并的 EJ2 CDN 脚本或按依赖顺序加载单个包脚本,使用全局 ej.charts 命名空间与 ej.charts.BulletChart.Inject(...)。基本子弹图无需模块注入。需配置有效刻度(minimum 小于 maximum,interval 大于零,实际值与目标值在刻度内,定性区间终点有序)。

适用场景:展示绩效指标、构建 KPI 仪表盘、显示多个度量、配置目标与定性区间、自定义实际与目标度量、配置刻度、显示数据标签与工具提示、动态更新、自定义布局、打印或导出 SVG、支持无障碍。

限制:若需求涉及时间趋势、分组或堆叠比较、对数轴、点选择、缩放平移、十字准线、多独立轴、系列级交互或常规图表导出模块,应改用普通笛卡尔图表;股票类金融界面应使用 StockChart。同一实例不可重复挂载,永久移除时需清理定时器、监听器、流连接、对象 URL 并调用 destroy()。不要混用合并脚本与单个包脚本,不要使用 Chart.Inject(...) 或未验证的模块名。定性区间含义不应仅靠颜色传达。