分类

← View All Tools

环形图生成器

从数据生成可自定义的环形图（甜甜圈图），具有中央空间，非常适合显示比例数据

环形图数据。支持JSON数组或简单的标签:值文本格式

显示在图表上方的标题

在环形图中心显示的文本（显示总计）

方形图表的像素尺寸

环形图的内半径像素值（留空自动）

环形图的外半径像素值（留空自动）

起始角度（0=顶部，90=右侧）

图表容器的背景颜色

在图表扇区上显示百分比

在图表下方显示图例

直接在环形图扇区上显示标签或百分比

在环形图中心显示总计值

将扇区彼此分离以强调

关键信息

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

概览

环形图生成器是一款高效的数据可视化工具，能够将简单的文本或 JSON 数据快速转换为美观、专业的环形图（甜甜圈图）。通过自定义中央空间、配色方案及扇区样式，您可以直观地展示各类比例数据，是制作商业报表和演示文稿的理想选择。

适用场景

  • •需要清晰展示各部分占总体的百分比比例时。
  • •在有限的页面空间内，需要以紧凑且美观的方式呈现分类数据时。
  • •希望通过中央空间展示总计数值，以增强数据可读性时。

工作原理

  • •在输入框中粘贴 JSON 格式或“标签:数值”格式的数据。
  • •根据需求调整图表尺寸、配色方案及内半径等外观参数。
  • •勾选显示百分比、图例或中心总计等选项以优化视觉效果。
  • •生成并预览图表，确认无误后即可用于报告或演示。

使用场景

市场份额分析：直观展示不同品牌在市场中的占比情况。
预算分配展示：通过环形图清晰呈现各部门或项目的预算支出比例。
用户画像统计：快速可视化不同年龄段或地区的用户分布比例。

用户案例

1. 年度销售渠道占比分析

市场分析师
背景原因
分析师需要向管理层汇报不同销售渠道（线上、线下、代理商）的业绩贡献度。
解决问题
原始数据为简单的销售额列表，缺乏直观的比例展示。
如何使用
输入各渠道销售额数据，选择“商务色”方案，并开启“显示百分比”和“在中心显示总计”。
示例配置
chartData: [{"label": "线上", "value": 500}, {"label": "线下", "value": 300}, {"label": "代理商", "value": 200}]; colorScheme: business; showPercentage: true; showTotalInCenter: true;
效果
生成了一个专业的环形图，中心显示总销售额，各扇区清晰标注了百分比，便于管理层快速决策。

用 Samples 测试

json, text
ELK Stack 日志分析示例
全面的 ELK Stack（Elasticsearch、Logstash、Kibana）示例，用于分布式系统中的日志聚合、处理和可视化
preferred input family json
json
PDF示例
2026-02-01 到 2026-02-10 工具生成的PDF示例
preferred input family json
json
WebRTC 实时通信示例
全面的 WebRTC 示例，用于点对点音视频通信、数据通道、屏幕共享和信令服务器实现
preferred input family json
json
分布式追踪示例
使用 Jaeger、OpenTelemetry 和其他现代可观测性工具的综合分布式追踪示例，适用于微服务架构
preferred input family json
json

相关专题

JsonConvert工具专题
探索 100 个围绕 json 的 convert 工作流工具，快速找到相近能力。
TextConvert工具专题
探索 80 个围绕 text 的 convert 工作流工具，快速找到相近能力。
Json 工具专题
探索 43 个围绕 json 的 utility 工作流工具，快速找到相近能力。
Text 工具专题
探索 33 个围绕 text 的 utility 工作流工具，快速找到相近能力。

常见问题

环形图生成器支持哪些数据格式？

支持 JSON 数组格式（如 [{"label": "A", "value": 10}]）以及简单的“标签:数值”文本格式。

可以自定义环形图的颜色吗？

可以，工具内置了多种配色方案，包括暖色调、冷色调、柔和色、鲜艳色及商务色，满足不同场景需求。

如何调整环形图中间的空心大小？

您可以通过调整“内半径”参数来控制环形图中央空间的大小，留空则系统会自动适配。

图表支持显示百分比吗？

支持，勾选“显示百分比”选项后，系统会自动计算并标注各扇区的占比。

生成的图表可以导出吗？

本工具生成 HTML 格式的交互式图表，您可以直接在网页中使用或通过截图保存。

API 文档

请求端点

POST /zh/api/tools/donut-chart-generator

请求参数

参数名 类型 必填 描述
chartData textarea 是 环形图数据。支持JSON数组或简单的标签:值文本格式
chartTitle text 否 显示在图表上方的标题
colorScheme select 否 -
centerText text 否 在环形图中心显示的文本（显示总计）
chartSize number 否 方形图表的像素尺寸
innerRadius number 否 环形图的内半径像素值（留空自动）
outerRadius number 否 环形图的外半径像素值（留空自动）
startAngle number 否 起始角度（0=顶部，90=右侧）
backgroundColor color 否 图表容器的背景颜色
showPercentage checkbox 否 在图表扇区上显示百分比
showLegend checkbox 否 在图表下方显示图例
showLabels checkbox 否 直接在环形图扇区上显示标签或百分比
showTotalInCenter checkbox 否 在环形图中心显示总计值
explodeSlices checkbox 否 将扇区彼此分离以强调

响应格式

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

AI MCP 文档

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

{
  "mcpServers": {
    "elysiatools-donut-chart-generator": {
      "name": "donut-chart-generator",
      "description": "从数据生成可自定义的环形图（甜甜圈图），具有中央空间，非常适合显示比例数据",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=donut-chart-generator",
      "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]