分类

← View All Tools

进度环图

创建美观的圆形进度指示器，完美显示百分比、完成率和进度指标

进度值（0-100）。支持带标签的JSON数组、简单的标签:值对或仅数值

显示在图表上方的标题

每个进度环的像素大小

进度环描边的厚度

起始角度（-90=顶部，0=右侧，90=底部，180=左侧）

进度环的自定义颜色（逗号分隔的十六进制颜色）

进度动画的毫秒时长

图表容器的背景颜色

在每个圆环中心显示百分比值

在每个进度环下方显示标签

加载时动画显示进度环

API 文档

请求端点

POST /zh/api/tools/progress-ring-chart

请求参数

参数名 类型 必填 描述
progressData textarea 是 进度值（0-100）。支持带标签的JSON数组、简单的标签:值对或仅数值
chartTitle text 否 显示在图表上方的标题
ringSize number 否 每个进度环的像素大小
ringThickness number 否 进度环描边的厚度
startAngle number 否 起始角度（-90=顶部，0=右侧，90=底部，180=左侧）
colorScheme select 否 -
customColors text 否 进度环的自定义颜色（逗号分隔的十六进制颜色）
animationDuration number 否 进度动画的毫秒时长
backgroundColor color 否 图表容器的背景颜色
showPercentage checkbox 否 在每个圆环中心显示百分比值
showLabel 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-progress-ring-chart": {
      "name": "progress-ring-chart",
      "description": "创建美观的圆形进度指示器，完美显示百分比、完成率和进度指标",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=progress-ring-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]