子弹图 bullet
一条横向条带同时表达实际值与目标线:条长是实际完成,标记线是目标。比仪表盘省空间,适合一屏铺开多个 KPI 的达成视图。
何时使用
示例
专属数据字段 bulletData({ name, value, target? }),target 缺省时不画目标线。
部门季度经营盘
一屏铺开全公司的季度达成:营收、毛利、人效各带目标线——经营会上从上往下扫一遍,哪条线没达标清清楚楚。
基金定投进度
理财场景:今年的定投计划过半,三条子弹图分别是权益、债券、黄金三笔计划的「已投 vs 全年目标」——不用翻账单就知道哪笔计划落后了。
配置要点
target是可选项:有目标的 KPI 才传;- 条带数值可统一用
valueFormat格式化; - 超额完成与未达成的视觉对比由配色自动处理,无需手工标色。