在线做图 · 饼图 饼图制作:粘贴数据在线做饼状图
粘贴类别和数值,得到扇区上标百分比、图例里写准确数值的饼图。工具还会告诉你什么时候不该用饼图:块太多、混进了合计行,或者百分比加起来不是 100%。
- 支持 Excel / WPS / 飞书粘贴
- PNG、SVG、内嵌代码
- 本地运行
贴数据,选图型
第一列是类别(或横轴),后面每一列是一组数据;第一行是名称时自动当表头。桑基图换成一行一条「来源, 去向, 数值」。
从表格复制的(Tab 分隔)、逗号或分号分隔都行。1,200、12%、¥5.4、1.2万、−30 都能识别成数字。
在左边粘贴表格就会出图。
每步转化
内嵌 SVG 代码
可以直接贴进 HTML 页面、支持 HTML 的 CMS 区块或 Markdown 文件。图会随容器缩放,并带读屏软件能读的标题。
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 680 328" width="680" height="328" font-family="Inter,"PingFang SC","Microsoft YaHei","Noto Sans SC",system-ui,sans-serif" role="img" aria-label="各渠道访问次数" style="display:block;max-width:100%;height:auto;margin:0 auto"><title>各渠道访问次数</title><desc>百度搜索 4,820, 直接访问 2,310, 微信公众号 1,640, 小红书 1,100, 抖音 860, 其它外链 540</desc><rect width="680" height="328" fill="#ffffff"/><text x="16" y="28" font-size="16" font-weight="700" fill="#0b0f19">各渠道访问次数</text><path d="M154 182L154 52A130 130 0 0 1 211.1 298.8Z" fill="#2050f0" stroke="#fff" stroke-width="2" stroke-linejoin="round"><title>百度搜索: 4,820 (42.8%)</title></path><text x="237.6" y="166.7" text-anchor="middle" font-size="12" font-weight="600" fill="#ffffff">42.8%</text><path d="M154 182L211.1 298.8A130 130 0 0 1 57.8 269.4Z" fill="#eb6834" stroke="#fff" stroke-width="2" stroke-linejoin="round"><title>直接访问: 2,310 (20.5%)</title></path><text x="137.8" y="270.3" text-anchor="middle" font-size="12" font-weight="600" fill="#ffffff">20.5%</text><path d="M154 182L57.8 269.4A130 130 0 0 1 26 159.1Z" fill="#1baf7a" stroke="#fff" stroke-width="2" stroke-linejoin="round"><title>微信公众号: 1,640 (14.6%)</title></path><text x="71.5" y="209.7" text-anchor="middle" font-size="12" font-weight="600" fill="#ffffff">14.6%</text><path d="M154 182L26 159.1A130 130 0 0 1 62.5 89.6Z" fill="#eda100" stroke="#fff" stroke-width="2" stroke-linejoin="round"><title>小红书: 1,100 (9.8%)</title></path><text x="78" y="146.1" text-anchor="middle" font-size="12" font-weight="600" fill="#0b0f19">9.8%</text><path d="M154 182L62.5 89.6A130 130 0 0 1 115.5 57.8Z" fill="#e87ba4" stroke="#fff" stroke-width="2" stroke-linejoin="round"><title>抖音: 860 (7.6%)</title></path><text x="109.8" y="112.4" text-anchor="middle" font-size="12" font-weight="600" fill="#ffffff">7.6%</text><path d="M154 182L115.5 57.8A130 130 0 0 1 154 52Z" fill="#008300" stroke="#fff" stroke-width="2" stroke-linejoin="round"><title>其它外链: 540 (4.8%)</title></path><rect x="320" y="113" width="10" height="10" rx="2" fill="#2050f0"/><text x="336" y="122" font-size="12" fill="#0b0f19">百度搜索</text><text x="664" y="122" text-anchor="end" font-size="12" fill="#6b7280">4,820 · 42.8%</text><rect x="320" y="137" width="10" height="10" rx="2" fill="#eb6834"/><text x="336" y="146" font-size="12" fill="#0b0f19">直接访问</text><text x="664" y="146" text-anchor="end" font-size="12" fill="#6b7280">2,310 · 20.5%</text><rect x="320" y="161" width="10" height="10" rx="2" fill="#1baf7a"/><text x="336" y="170" font-size="12" fill="#0b0f19">微信公众号</text><text x="664" y="170" text-anchor="end" font-size="12" fill="#6b7280">1,640 · 14.6%</text><rect x="320" y="185" width="10" height="10" rx="2" fill="#eda100"/><text x="336" y="194" font-size="12" fill="#0b0f19">小红书</text><text x="664" y="194" text-anchor="end" font-size="12" fill="#6b7280">1,100 · 9.8%</text><rect x="320" y="209" width="10" height="10" rx="2" fill="#e87ba4"/><text x="336" y="218" font-size="12" fill="#0b0f19">抖音</text><text x="664" y="218" text-anchor="end" font-size="12" fill="#6b7280">860 · 7.6%</text><rect x="320" y="233" width="10" height="10" rx="2" fill="#008300"/><text x="336" y="242" font-size="12" fill="#0b0f19">其它外链</text><text x="664" y="242" text-anchor="end" font-size="12" fill="#6b7280">540 · 4.8%</text></svg>版本 v1.0更新于 更新记录
什么数据适合做饼图
饼图只回答一个问题:一个整体是怎么分的?数据本身不构成一个整体,再怎么美化也没用。
各部分加起来是一个真实的总数
各渠道的访问次数、各品类的销售额、一道单选题的答案分布。每一项只属于一块。
块数少,排好序
最多 7 块左右。从大到小、从 12 点方向顺时针排,读的人比较相邻两块就行。更多的合并成「其它」。
多选题不能用
能勾多个选项时,占比加起来超过 100%,饼图就是错的。用柱状图。
不适合比较不同时间
今年、去年两个饼并排,靠角度很难比。用堆叠柱状图,或把占比画成折线。
扇区上的百分比 = 该项数值 ÷ 全部正数之和。负数和 0 的行不画,并列在检查里。
从表格到 PPT 四步
一边改,图一边重画。
-
1
复制单元格
在 Excel、WPS 或飞书表格里选中数据(连表头一起)复制;也可以直接粘贴 CSV 文本。
-
2
粘贴,选图型
第一列当类别,其余每列是一组数据。选好图型,图下面的检查会告诉你数据适不适合这种图。
-
3
调整
加标题、换配色、柱子从大到小排、名称长就改成横向、多列数据选并排或堆叠。
-
4
导出
PNG 放 PPT、微信和钉钉;SVG 用于印刷和设计软件;内嵌代码贴进网页。
解析规则
工具尽量少猜;不得不猜的地方会明说。
- 分隔符:只要有 Tab 就按 Tab 分(从表格复制出来就是这样),否则在逗号、分号、竖线里选列数最一致的那个。支持带引号的 CSV。
- 表头:第一行里除第一列外只要有一格不是数字,就当表头。
- 数字:千分位、货币符号、末尾的 %、负号或会计括号、全角数字、万 / 亿 / k 都能识别;读不出来的按空值处理并列出来。
- 上限:200 行、8 列数字。饼图保留最大的 7 块,其余合并成「其它」。
| 图型 | 列 | 示例行 |
|---|---|---|
| 柱状图 / 折线图 | 名称, 数值, [数值…] | 1月, 1240, 860 |
| 饼图 | 名称, 数值(正数) | 抖音, 860 |
| 漏斗图 | 步骤, 人数(按顺序) | 加入购物车, 1248 |
| 桑基图 | 来源, 去向, 数值 | 百度搜索, 价格页, 150 |
同一张表,三种说法
默认数据是 5 个月里官网、App、小程序三端的注册人数。同样的数,换一种图回答的是不同的问题。
| 问题 | 用什么图 | 看到什么 |
|---|---|---|
| 哪一端来的人最多? | 柱状图,并排 | 每个月都是小程序最多,官网第二。 |
| 总数在涨吗? | 柱状图,堆叠 | 合计从 1 月的 3,410 涨到 5 月的 4,450。 |
| 哪一端涨得最快? | 折线图 | 小程序涨 42%(1,310 → 1,860),App 26%,官网 22%。 |
| 5 月小程序占多少? | 饼图(只放 5 月) | 1,860 ÷ 4,450 = 41.8%。 |
增长率 =(5 月 − 1 月)÷ 1 月。只把 5 月那一列贴进饼图,就能自己核对占比。
数都对,图却误导人
每个数字都没错,图照样能给人错误的印象。
柱状图纵轴不从 0 开始
柱子的长度就是数值。纵轴从 900 截断,950 看起来就是 925 的两倍。本工具的柱子一律从 0 起;折线可以放大。
饼图里混进合计行
把「合计」和各部分一起贴进来,每块都只剩真实大小的一半。某一行等于其它行之和时,工具会提醒。
双纵轴
有两套刻度时,两条线在哪儿交叉,完全由设刻度的人决定。做两张图,或把两组数都换算成以 100 为起点的指数。
只靠颜色区分
大约每 12 个男性里就有 1 个有某种色觉异常。这里每张图都同时用图例或标签写出名称。
会自己更新的图
粘贴出来的图是一张快照。在 TapCub 里,同样的图由实时事件生成,自动刷新。
饼图最多放几块?
7 块左右。再多扇区太窄没法比,所以工具保留最大的 7 块,其余合并成「其它」,并建议改用柱状图。
百分比加起来是 99.9%,有问题吗?
没有,那是四舍五入。只有一列百分比离 100% 超过 0.5 个百分点时才提醒,这通常意味着漏了类别或答案有重叠。
饼图能显示负数吗?
不能。扇区是整体的一部分,不可能是负的。负数和 0 的行会被跳过并说明;有亏损的数据用柱状图。
饼图和环形图选哪个?
读起来一样,环形图只是把中间空出来放标签。这里画完整饼图,准确数值写在图例里。
Excel、PPT 里的饼图怎么制作?
Excel 或 WPS 表格:选中类别和数值两列,在「插入」里选饼图。PPT:「插入 → 图表 → 饼图」,会打开一个小表格让你填数据。只要一张图的话,在这里粘贴数据生成,下载 PNG 或 SVG 直接插进 PPT,扇区上已经标好百分比。