饼图制作工具
图表数据
无需上传电子表格，即可将小型分类数据集制作成清晰的饼图或圆环图。输入“标签，数值”数据行，或粘贴 CSV、制表符分隔的数据，再选择颜色、标签、图例位置和起始角度。预览同时提供文字摘要和无障碍数据表；导出文件在浏览器本地生成，可下载为 1200 × 800 的 PNG 或可缩放 SVG。饼图最适合呈现同一个有意义整体中数量较少且非负的组成部分。
如何制作饼图
-
1
输入类别
添加由标签和数值组成的数据行，或粘贴两列 CSV、制表符分隔的数据。
-
2
选择呈现方式
选择饼图或圆环图、配色方案、扇区标签、图例位置、排序方式和起始角度。
-
3
检查无障碍结果
查看图表、文字替代说明，以及表格中的准确数值和百分比。
-
4
导出图表
下载 1200 × 800 的 PNG 或可缩放 SVG，也可将源数据复制为 CSV。
饼图表示什么
饼图将每个正数值映射为 360° 圆周上的一个角度。若某类别的数值为 v，所有显示数值之和为 T，其圆心角就是 360 × v / T，显示百分比则为 100 × v / T。圆环图使用相同的比例，只是移除了中心区域，并不会改变数据的比较方式。
| 类别 | 数值 | 占比 | 扇区角度 |
|---|---|---|---|
| 产品 | 45 | 45% | 162° |
| 服务 | 30 | 30% | 108° |
| 支持 | 25 | 25% | 90° |
本例的总数为 100，因此“产品”占据 45 / 100 × 360 = 162°。工具允许输入零值，但不会在圆中绘制对应扇区。负数、缺失值和非有限数值无法表示一个整体中的普通组成部分，因此会被拒绝；至少要有一个正数值。
何时应改用其他图表
饼图在扇区数量较少且大小差异明显时最容易阅读。如果数值彼此接近、类别较多、需要精确比较，或者类别并非同一总量的组成部分，条形图通常更合适。展示随时间发生的变化则更适合使用折线图。不要加入相互重叠或重复计算的百分比，因为再精美的圆形也无法修正无效的总数。
颜色、标签与无障碍设计
不要只依靠颜色传达含义。请保留图例或可见的扇区标签，核对随附表格；如果图表将面向广泛受众分享，建议使用色觉友好配色。很小的扇区可能放不下文字，但准确的标签、数值和百分比仍会保留在图例与数据表中。SVG 适合继续编辑和高清打印；PNG 是固定为 1200 × 800 的图片，适用于幻灯片、文档和社交媒体内容。
图表通过浏览器的 SVG 和 Canvas API 生成，不会将图表数据发送给外部制图服务。多步骤流程的进度仅临时保存在当前标签页的会话存储中；重新开始或关闭标签页即可清除。
如需进一步了解，可参阅 Datawrapper 关于只用少量组成部分制作饼图的建议、W3C 的无障碍数据表教程，以及 MDN 关于使用 <desc> 描述 SVG 图形的说明。
常见问题
可以。复制包含标签和数值的两列数据，然后粘贴到导入框中。工具支持制表符分隔的电子表格行、逗号分隔的 CSV 和分号分隔的数据行，也支持用双引号括起的 CSV 标签。
零没有对应的角度面积，因此可以输入，但不会绘制在圆中。负值无法表示整体中的普通扇区，所以会被拒绝。至少要有一个类别的数值大于零。
两者以相同方式表示比例。若要最直接地呈现部分与整体的关系，请选择饼图；若希望在中心显示总数，则可选择圆环图。需要更精确地比较数值时，请改用条形图。
生成的 SVG 带有文字摘要，每个扇区也有文字说明。页面还提供标准数据表，列出所有显示的标签、数值和百分比。将图表发布到其他位置时，请一并保留该表格或等效的文字说明。
不会。数据行、标题和设计设置都留在浏览器中。在多步骤流程中，它们只保存在当前标签页的会话存储里；PNG 和 SVG 均在本地生成，也不会有任何数据写入网址。
相关工具
GIF 制作器
将一组图片或短视频转换为动画 GIF。导出前可调整帧率、循环次数和尺寸。
PNG 转 SVG 矢量化工具
在浏览器中把 PNG 栅格图像转换为 SVG 路径。适合徽标、图标和线稿。可控制阈值、颜色数量和平滑度。
图片尺寸调整器
将图片调整到精确的像素尺寸或百分比，同时保持宽高比。适合批量准备图片，无需上传。
图像放大器
使用 AI 超分辨率或经典插值，将低分辨率图像放大 2×、3× 或 4×，同时保留重要细节。
SVG 转 PNG
在浏览器中将 SVG 文件或 SVG 标记转换为 PNG，选择缩放因子，并保持透明边缘清晰。
BMP 转 PNG
在浏览器中将 BMP 文件转换为 PNG。无损，保留色深，并可从原始 BMP 的 alpha 通道添加可选透明度。