饼图制作工具
图表数据
无需上传电子表格,即可将小型分类数据集制作成清晰的饼图或圆环图。输入“标签,数值”数据行,或粘贴 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 均在本地生成,也不会有任何数据写入网址。
相关工具
材质设计颜色选择器
浏览Material Design色板,单击即可将任意色号(50至A700)以HEX、RGB或 HSL 格式复制。
ARW 转 JPG 转换器
将索尼 ARW RAW 照片转换为 JPG。无需打开 Lightroom,即可从相机 RAW 文件得到一张便于分享、通用兼容的 JPEG。
ICO到PNG格式转换器
查看 ICO 中的图像,选择一个尺寸,并在浏览器中按原始大小保存为透明 PNG。
在线白板
在浏览器中的私人白板上绘制想法,排列形状、便签和本地图片。支持撤销操作,并导出 PNG、JPEG、SVG 或可编辑的 JSON。
旗帜制作器
在浏览器中使用六种布局、颜色、文字和符号设计简洁的自定义 3:2 旗帜。可下载 SVG 或 PNG,或打开浏览器打印对话框。
报纸制作工具
使用你自己的标题和文章制作报纸风格的头版,然后复制、下载纯文本,或打开浏览器打印对话框。
此工具还提供其他语言版本
- Criador de gráfico de pizza [PT]
- Skapa cirkeldiagram [SV]
- Tạo biểu đồ tròn [VI]
- 円グラフ作成ツール [JA]
- Creador de gráficos circulares [ES]
- منشئ المخططات الدائرية [AR]
- Kreisdiagramm erstellen [DE]
- Créateur de diagrammes circulaires [FR]
- 원형 차트 만들기 [KO]
- Pembuat Diagram Lingkaran [ID]
- สร้างแผนภูมิวงกลม [TH]
- Cirkeldiagram maken [NL]
- Kreator wykresów kołowych [PL]
- Pie Chart Maker [EN]
- Creatore di grafici a torta [IT]
- Конструктор круговых диаграмм [RU]
- Pasta Grafik Oluşturucu [TR]