Elysia Tools
导航
Data Visualization
创建美观的圆形进度指示器，完美显示百分比、完成率和进度指标
执行
填写表单、运行工具，并在同一页面查看结果。
案例
相关内容
等待运行
工具使用指南
进度环图工具是一款高效的数据可视化助手，旨在帮助用户快速创建美观、直观的圆形进度指示器。无论是展示项目完成率、KPI 达成度还是任务进度，该工具都能通过简洁的配置，生成带有动态效果的圆环图表，让数据表达更具吸引力。
背景
需要向团队展示三个核心项目的当前进度，要求界面简洁且具有现代感。
问题
传统的表格数据不够直观，难以快速传达项目的完成状态。
如何使用
在进度数据中输入三个项目的名称及百分比，选择“渐变”配色方案，并开启显示百分比和标签功能。
[{"label": "UI 设计", "value": 85}, {"label": "后端开发", "value": 60}, {"label": "测试验收", "value": 30}]结果
生成了三个带有百分比标注的动态圆环，清晰展示了各阶段的进度差异。
背景
在季度总结会议上，需要展示不同区域的销售目标达成情况。
问题
需要一种能够快速对比不同区域业绩，且能一眼看出是否达标的图表。
如何使用
输入各区域的达成率数据，选择“成功（绿色调）”配色方案，并设置圆环厚度为 20 像素以增强视觉冲击力。
华东区:92
华北区:78
华南区:85结果
三个圆环清晰呈现了各区域的业绩表现，绿色调直观地传达了良好的完成状态。
支持 JSON 数组（如 [{'label': 'A', 'value': 75}]）、标签:数值对（如 Project A:75）或直接输入数值。
可以，您可以通过配色方案选择预设风格，或在自定义颜色框中输入逗号分隔的十六进制颜色代码。
起始角度以度数为单位，-90 表示顶部，0 表示右侧，90 表示底部，180 表示左侧。
支持，您可以勾选“动画”选项，并自定义动画时长（毫秒），图表在加载时会自动呈现进度增长效果。
通过“圆环厚度”选项，您可以设置 5 到 50 像素之间的数值来改变圆环的视觉宽度。