分类

子弹图生成器

目标vs实际对比图表,包含目标线、实际值、比较范围

JSON格式的子弹图数据,包含标题、数值、目标、范围等

子弹图的主标题

是否显示数值标签

是否显示背景网格线

动画持续时间(毫秒)

关键信息

分类
Data Visualization
输入类型
textarea, text, select, checkbox
输出类型
html
样本覆盖
4
支持 API
Yes

概览

子弹图生成器是一款高效的数据可视化工具,专门用于展示 KPI 绩效指标。它通过直观的图形化方式,将实际完成值与目标值进行对比,并结合背景范围区间,帮助用户快速评估业务表现。

适用场景

  • 需要清晰展示 KPI 实际完成情况与预设目标差距时。
  • 在仪表盘中对比多个维度的绩效指标,且空间有限时。
  • 需要通过背景色块直观呈现指标处于“差、中、优”哪个区间时。

工作原理

  • 准备包含标题、实际值、目标值及范围区间的 JSON 数据。
  • 在工具中输入数据,并根据需求调整图表方向、配色方案及标签显示。
  • 点击生成,即可获得包含目标线、实际值条形图及背景区间的专业子弹图。

使用场景

销售团队业绩看板:实时监控各区域销售额与季度目标的达成进度。
项目进度管理:展示项目关键里程碑的完成度与预期时间节点的对比。
客户满意度分析:通过子弹图直观呈现服务评分与目标分数的差距及等级。

用户案例

1. 季度销售目标达成看板

销售经理
背景原因
需要向管理层汇报各区域的销售完成情况,要求直观对比实际销售额与目标额。
解决问题
传统表格难以一眼看出哪些区域未达标,且缺乏绩效等级参考。
如何使用
输入各区域的销售数据 JSON,设置配色方案为“经典蓝”,并开启标签显示。
示例配置
[{"title": "华东区", "value": 85, "target": 100, "ranges": {"poor": 60, "satisfactory": 80, "good": 95, "excellent": 100}}]
效果
生成了清晰的水平子弹图,管理层能立即识别出华东区处于“满意”区间,但未达到“优秀”目标。

2. 客服满意度监控

客服主管
背景原因
客服团队每月进行满意度调查,需要将评分与公司设定的服务标准进行对比。
解决问题
需要快速识别评分处于“差”区间的客服小组,以便及时进行培训。
如何使用
将评分数据填入工具,选择“绿色”配色方案,并开启网格线以辅助对齐。
示例配置
[{"title": "售后一组", "value": 4.2, "target": 4.5, "ranges": {"poor": 3.0, "satisfactory": 3.8, "good": 4.3, "excellent": 4.8}}]
效果
通过子弹图的背景色块,主管一眼看出售后一组的评分位于“满意”区间,距离“良好”目标仅一步之遥。

用 Samples 测试

json

相关专题

常见问题

什么是子弹图?

子弹图是一种替代仪表盘指针的线性图表,用于展示实际值与目标值的对比,并用背景色块表示绩效等级。

支持哪些数据格式?

本工具支持标准的 JSON 格式输入,需包含标题、数值、目标值及范围区间定义。

可以自定义图表颜色吗?

可以,工具内置了多种配色方案,如经典蓝、绿色、红色等,满足不同业务场景的视觉需求。

子弹图支持垂直布局吗?

支持,您可以在配置选项中将图表方向从水平切换为垂直,以适应不同的排版需求。

生成的图表可以导出吗?

工具生成 HTML 格式的图表,您可以直接在网页中使用或通过截图保存。

API 文档

请求端点

POST /zh/api/tools/bullet-chart

请求参数

参数名 类型 必填 描述
bulletData textarea JSON格式的子弹图数据,包含标题、数值、目标、范围等
chartTitle text 子弹图的主标题
orientation select -
showLabels checkbox 是否显示数值标签
showGrid checkbox 是否显示背景网格线
colorScheme select -
animationDuration text 动画持续时间(毫秒)

响应格式

{
  "result": "
Processed HTML content
", "error": "Error message (optional)", "message": "Notification message (optional)", "metadata": { "key": "value" } }
HTML: HTML

AI MCP 文档

将此工具添加到您的 MCP 服务器配置中:

{
  "mcpServers": {
    "elysiatools-bullet-chart": {
      "name": "bullet-chart",
      "description": "目标vs实际对比图表,包含目标线、实际值、比较范围",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=bullet-chart",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

你可以串联多个工具,比如:`https://elysiatools.com/mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp`,最多20个。

如果遇见问题,请联系我们:[email protected]