分类

← View All Tools

温度计图

创建垂直温度计样式图表，完美适用于筹款目标、项目进度和目标达成可视化

温度计数据，包含当前值和目标值。支持带标签/当前值/目标值的JSON，简单的标签:当前值:目标值格式，或仅当前值

显示在图表上方的标题

温度计管的像素宽度

温度计的像素高度

水银/进度填充的颜色

温度计管背景的颜色

水银动画的毫秒时长

图表容器的背景颜色

显示每个温度计的百分比值

显示目标值线和标签

在每个温度计上显示当前值

在温度计上显示测量刻度

加载时动画显示水银

关键信息

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

概览

温度计图工具是一款直观的数据可视化应用，能够将复杂的进度数据转化为清晰的垂直温度计样式图表。它非常适合用于展示筹款进度、项目完成度或关键绩效指标（KPI）的达成情况，帮助观众一眼识别当前状态与目标之间的差距。

适用场景

  • •需要向团队或公众展示筹款活动或项目进度的实时达成率时。
  • •在仪表盘或报告中需要以直观的垂直刻度对比当前值与目标值时。
  • •为年度目标、销售配额或个人挑战设定可视化进度跟踪时。

工作原理

  • •输入数据：通过 JSON 格式或简单的“标签:当前值:目标值”文本格式输入您的进度数据。
  • •个性化设置：调整温度计的颜色、高度、宽度以及刻度样式，以匹配您的品牌或报告风格。
  • •实时渲染：点击生成后，系统将自动渲染带有动画效果的垂直温度计图表，并支持显示百分比和目标线。

使用场景

非营利组织展示年度捐款筹集进度，激励捐赠者达成目标。
项目经理在团队会议中展示项目里程碑的完成百分比。
销售部门实时跟踪季度销售额，对比个人业绩与目标配额。

用户案例

1. 年度慈善筹款进度展示

活动策划
背景原因
某慈善机构正在进行年度筹款活动，目标金额为 100 万，目前已筹集 75 万。
解决问题
需要一个直观的图表在官网首页展示筹款进度，让捐赠者感受到目标近在咫尺。
如何使用
在温度计数据中输入筹款目标信息，设置水银颜色为品牌红，并开启显示目标线和百分比。
示例配置
{"thermometerData": "年度筹款:750000:1000000", "mercuryColor": "#ef4444", "showPercentage": true, "showTarget": true}
效果
生成了一个清晰的红色温度计图，显示 75% 的完成度，有效提升了捐赠者的参与感。

2. 季度项目进度跟踪

项目经理
背景原因
项目组正在推进三个不同的子项目，每个项目的进度各不相同。
解决问题
需要将三个项目的进度汇总展示，以便在周会上快速汇报。
如何使用
使用 JSON 格式批量输入三个项目的当前进度与目标值，并选择详细刻度样式。
示例配置
{"thermometerData": [{"label": "研发", "current": 85, "target": 100}, {"label": "测试", "current": 40, "target": 100}, {"label": "部署", "current": 10, "target": 100}], "scaleStyle": "detailed"}
效果
生成了三个并排的温度计图，清晰对比了各阶段项目的完成情况，便于团队识别进度瓶颈。

用 Samples 测试

json
PDF示例
2026-02-01 到 2026-02-10 工具生成的PDF示例
preferred input family json
json
AWS EventBridge 示例
AWS EventBridge 示例，包括事件总线、规则、目标、模式注册表、自定义事件和跨账户事件路由，适用于无服务器事件驱动架构
preferred input family json
json
Grafana 高级应用示例
全面的 Grafana 示例，涵盖高级仪表板设计、告警配置、数据源集成和插件开发
preferred input family json
json
ELK Stack 日志分析示例
全面的 ELK Stack（Elasticsearch、Logstash、Kibana）示例，用于分布式系统中的日志聚合、处理和可视化
preferred input family json
json

相关专题

JsonGenerate工具专题
探索 33 个围绕 json 的 generate 工作流工具，快速找到相近能力。
JsonConvert工具专题
探索 100 个围绕 json 的 convert 工作流工具，快速找到相近能力。
Json 工具专题
探索 43 个围绕 json 的 utility 工作流工具，快速找到相近能力。
JsonFormat工具专题
探索 6 个围绕 json 的 format 工作流工具，快速找到相近能力。

常见问题

温度计图支持哪些数据格式？

支持 JSON 数组格式、简单的“标签:当前值:目标值”文本格式，或者仅输入当前数值。

可以自定义温度计的颜色吗？

可以，您可以分别设置水银（进度填充）颜色和管子背景颜色，以满足视觉需求。

图表支持动画效果吗？

支持，您可以开启动画功能并自定义水银填充的动画时长，让数据展示更具动态感。

如何显示目标线和百分比？

在配置选项中勾选“显示目标线”和“显示百分比”即可在图表上自动标注相关信息。

生成的图表可以调整大小吗？

可以，您可以通过设置“温度计宽度”和“温度计高度”参数来精确控制图表的显示尺寸。

API 文档

请求端点

POST /zh/api/tools/thermometer-chart

请求参数

参数名 类型 必填 描述
thermometerData textarea 是 温度计数据，包含当前值和目标值。支持带标签/当前值/目标值的JSON，简单的标签:当前值:目标值格式，或仅当前值
chartTitle text 否 显示在图表上方的标题
thermometerWidth number 否 温度计管的像素宽度
thermometerHeight number 否 温度计的像素高度
mercuryColor color 否 水银/进度填充的颜色
tubeColor color 否 温度计管背景的颜色
animationDuration number 否 水银动画的毫秒时长
scaleStyle select 否 -
backgroundColor color 否 图表容器的背景颜色
showPercentage checkbox 否 显示每个温度计的百分比值
showTarget checkbox 否 显示目标值线和标签
showCurrentValue checkbox 否 在每个温度计上显示当前值
showScale checkbox 否 在温度计上显示测量刻度
animated checkbox 否 加载时动画显示水银

响应格式

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

AI MCP 文档

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

{
  "mcpServers": {
    "elysiatools-thermometer-chart": {
      "name": "thermometer-chart",
      "description": "创建垂直温度计样式图表，完美适用于筹款目标、项目进度和目标达成可视化",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=thermometer-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]