# 温度计图

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

> 标准页面: https://elysiatools.com/zh/tools/thermometer-chart

- **分类:** Data Visualization

- **关键词:** 温度计图, 筹款目标, 进度跟踪, 目标达成, 目标可视化, 捐款进度, 活动跟踪

## 概述

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

## 输入项

- **温度计数据** (textarea): 温度计数据，包含当前值和目标值。支持带标签/当前值/目标值的JSON，简单的标签:当前值:目标值格式，或仅当前值
- **图表标题** (text): 显示在图表上方的标题
- **温度计宽度** (number): 温度计管的像素宽度
- **温度计高度** (number): 温度计的像素高度
- **水银颜色** (color): 水银/进度填充的颜色
- **管子颜色** (color): 温度计管背景的颜色
- **动画时长** (number): 水银动画的毫秒时长
- **刻度样式** (select): 选择刻度样式
- **背景颜色** (color): 图表容器的背景颜色
- **显示百分比** (checkbox): 显示每个温度计的百分比值
- **显示目标线** (checkbox): 显示目标值线和标签
- **显示当前值** (checkbox): 在每个温度计上显示当前值
- **显示刻度标记** (checkbox): 在温度计上显示测量刻度
- **动画** (checkbox): 加载时动画显示水银

## 适用场景

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

## 工作原理

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

## 使用案例

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

## 常见问题

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

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

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

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

### 图表支持动画效果吗？

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

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

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

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

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

## 相关工具

- [对比条形图生成器](https://elysiatools.com/zh/tools/comparison-bar-chart): 生成背对背条形图，用于正负值对比展示，非常适合数据集对比分析
- [环形图生成器](https://elysiatools.com/zh/tools/donut-chart-generator): 从数据生成可自定义的环形图（甜甜圈图），具有中央空间，非常适合显示比例数据
- [漏斗图生成器](https://elysiatools.com/zh/tools/funnel-chart-generator): 从数据生成可自定义的漏斗图，非常适合显示转化率、销售管道和流程
- [甘特图生成器](https://elysiatools.com/zh/tools/gantt-chart-generator): 创建专业甘特图，支持任务时间线、依赖关系、进度跟踪和里程碑标记
- [仪表盘图生成器](https://elysiatools.com/zh/tools/gauge-chart-generator): 从数据生成可自定义的仪表盘图（速度计图），非常适合显示KPI、指标和性能数据
- [热力图生成器](https://elysiatools.com/zh/tools/heatmap-generator): 从数据生成可自定义的热力图，非常适合可视化数据密度、相关性和模式
- [冰柱图生成器](https://elysiatools.com/zh/tools/icicle-chart-generator): 生成交互式冰柱图用于层级数据可视化，非常适合显示树形结构、文件系统和组织架构
- [里程碑图生成器](https://elysiatools.com/zh/tools/milestone-chart): 生成项目里程碑图表，包含时间线节点和关键成就点

## 示例

- [Grafana 高级应用示例](https://elysiatools.com/zh/samples/grafana-samples): 全面的 Grafana 示例，涵盖高级仪表板设计、告警配置、数据源集成和插件开发
- [D3.js 数据可视化示例](https://elysiatools.com/zh/samples/d3js-data-visualization): 全面的D3.js数据可视化示例，包括图表、地图、动画和交互式可视化
- [二维码示例](https://elysiatools.com/zh/samples/qrcode-samples): 用于测试二维码读取和生成工具的示例二维码图像
- [ELK Stack 日志分析示例](https://elysiatools.com/zh/samples/elk-stack-samples): 全面的 ELK Stack（Elasticsearch、Logstash、Kibana）示例，用于分布式系统中的日志聚合、处理和可视化