关键信息
- 分类
- 图表与可视化
- 输入类型
- 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 测试
jsonPDF示例
2026-02-01 到 2026-02-10 工具生成的PDF示例
preferred input family json
ELK Stack 日志分析示例
全面的 ELK Stack（Elasticsearch、Logstash、Kibana）示例，用于分布式系统中的日志聚合、处理和可视化
preferred input family json
AWS EventBridge 示例
AWS EventBridge 示例，包括事件总线、规则、目标、模式注册表、自定义事件和跨账户事件路由，适用于无服务器事件驱动架构
preferred input family json
Grafana 高级应用示例
全面的 Grafana 示例，涵盖高级仪表板设计、告警配置、数据源集成和插件开发
preferred input family json
相关专题
JSON Schema、Mock 数据与 API 夹具生成工具
围绕JSON Schema 生成、Mock 负载构建与 API 夹具准备整理的一组工具。
JSON 交换与格式翻译工具
在一个专题里比较 JSON 与 CSV、YAML、TOML、GraphQL、XML、Markdown、Excel、BSON、EDN 等结构化格式之间的转换工具。
JSON 检查、对比与转换工具
把 JSON 格式化、差异对比、路径检查、Schema 校验、合并、转换和导出工具集中到一个专题中，适合 API 与数据处理流程。
JSON 格式化、对比与规范化工具
在一个专题中比较 JSON 格式化、差异对比、日志审查、配置比较和数据规范化工具，适合需要让 JSON 更易读、更易审查的流程。
常见问题
温度计图支持哪些数据格式？
支持 JSON 数组格式、简单的“标签:当前值:目标值”文本格式，或者仅输入当前数值。
可以自定义温度计的颜色吗？
可以，您可以分别设置水银（进度填充）颜色和管子背景颜色，以满足视觉需求。
图表支持动画效果吗？
支持，您可以开启动画功能并自定义水银填充的动画时长，让数据展示更具动态感。
如何显示目标线和百分比？
在配置选项中勾选“显示目标线”和“显示百分比”即可在图表上自动标注相关信息。
生成的图表可以调整大小吗？
可以，您可以通过设置“温度计宽度”和“温度计高度”参数来精确控制图表的显示尺寸。