分类

饼图生成器

从数据生成可自定义的饼图,支持多种样式选项

图表数据。可以是JSON数组或简单的标签:值对

显示在图表上方的标题

图表容器的背景颜色

图表的像素尺寸(宽度和高度)

甜甜圈图的内半径(0为饼图)

起始角度(0-360度)

在饼图切片上显示百分比数值

在饼图切片上显示标签

显示包含所有项目的图例

关键信息

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

概览

饼图生成器是一款高效的数据可视化工具,旨在帮助用户快速将简单的文本或 JSON 数据转化为清晰、美观的饼图或甜甜圈图,支持自定义配色、尺寸及标签显示,让数据分析结果一目了然。

适用场景

  • 需要快速展示各部分占总体的比例分布时
  • 在演示文稿或报告中插入直观的统计图表时
  • 将枯燥的数值数据转化为易于理解的视觉图形时

工作原理

  • 在输入框中填入 JSON 格式或“标签:数值”格式的数据。
  • 根据需求调整图表标题、配色方案、尺寸及内半径等参数。
  • 勾选是否显示百分比、标签或图例,点击生成即可获取可视化图表。

使用场景

市场份额分析:直观展示不同品牌在市场中的占比。
预算分配展示:清晰呈现项目各项支出在总预算中的比例。
用户调查统计:快速汇总问卷调查中不同选项的选择人数比例。

用户案例

1. 年度预算分配图

财务专员
背景原因
财务专员需要向管理层汇报年度部门预算的分配情况,原始数据为简单的 Excel 列表。
解决问题
需要将枯燥的数字转化为直观的饼图,以便在会议中快速展示各部门的资金占比。
如何使用
输入各部门名称及对应预算金额,选择“柔和色”配色方案,并开启百分比显示。
示例配置
chartData: 研发部:500000
市场部:300000
行政部:100000
colorScheme: pastel
showPercentage: true
效果
生成了一张配色柔和、清晰标注了各部门预算占比的饼图,有效提升了汇报的专业度。

2. 社交媒体渠道流量分析

运营经理
背景原因
运营经理需要分析网站流量来源,数据包含不同社交平台的访问量。
解决问题
需要制作一个甜甜圈图,突出展示核心流量来源渠道。
如何使用
输入各渠道流量数据,设置内半径为 100 以生成甜甜圈图,并隐藏图例以保持简洁。
示例配置
chartData: [{"label":"微信", "value":450}, {"label":"微博", "value":200}, {"label":"小红书", "value":350}]
innerRadius: 100
showLegend: false
效果
生成了一个现代感十足的甜甜圈图,直观地展示了各渠道的流量贡献度。

用 Samples 测试

json

相关专题

常见问题

支持哪些数据格式?

支持 JSON 数组格式(如 [{"label":"A", "value":10}])或简单的文本格式(如 A:10)。

可以制作甜甜圈图吗?

可以,通过调整“内半径”参数,将数值设置为大于 0 即可生成甜甜圈图。

生成的图表可以自定义颜色吗?

支持多种预设配色方案,包括暖色调、冷色调、柔和色和鲜艳色等。

图表尺寸可以调整吗?

可以,支持在 200 到 800 像素之间自定义图表的宽度和高度。

生成的图表支持导出吗?

本工具生成 HTML 格式的图表,您可以直接在页面查看或通过截图保存使用。

API 文档

请求端点

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

请求参数

参数名 类型 必填 描述
chartData textarea 图表数据。可以是JSON数组或简单的标签:值对
chartTitle text 显示在图表上方的标题
colorScheme select -
backgroundColor color 图表容器的背景颜色
chartSize number 图表的像素尺寸(宽度和高度)
innerRadius number 甜甜圈图的内半径(0为饼图)
startAngle number 起始角度(0-360度)
showPercentage checkbox 在饼图切片上显示百分比数值
showLabels checkbox 在饼图切片上显示标签
showLegend checkbox 显示包含所有项目的图例

响应格式

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

AI MCP 文档

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

{
  "mcpServers": {
    "elysiatools-pie-chart-generator": {
      "name": "pie-chart-generator",
      "description": "从数据生成可自定义的饼图,支持多种样式选项",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=pie-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]