关于 饼图生成器
饼图生成器基于 Apache ECharts 库在浏览器本地将 CSV 或 JSON 数据渲染为饼图和环形图。支持自定义扇区颜色、标签显示模式(名称、数值、百分比)、图例位置和内圈半径(控制环形图空心比例)。数据输入支持 CSV(标签和数值格式)和 JSON(含 name 和 value 字段的数组)两种格式。ECharts 饼图支持扇区选中高亮、tooltip 悬停显示详情和图例点击筛选交互。生成的图表可导出为 PNG 位图。饼图的定位是展示"各部分占整体的比例",它只适合份额或构成类数据,不适合比较绝对值的大小,因为人类对角度和面积的感知远不如对长度的敏感。因此类别数量要克制:扇区超过七八个就开始难以辨认,建议把长尾合并为"其他";当某个占比很小(如 3%)时其扇区几乎看不见,数值标签是比颜色更可靠的传达方式。需要同时比较两组成分时可改用环形图,在中间空心区放总数字或指标。导出前务必确认标签显示的是百分比还是原始数值,避免读者误读份额。
误用集中在类别数与比较方式上:扇区角度比长度更难分辨,超过六个类别后读者只能看出「最大的一块」,其余无从比较,此时应改用降序条形图或先合并尾部类别。另一个误用是不标注数值而只靠面积表达,在扇区接近时读者无法判断差异是否真实存在,加上百分比标签才能让图传达结论。
选图型时还应考虑读者的任务:如果读者要回答的问题是「哪一类最大」,饼图可以胜任;如果要回答「各类之间差多少」,条形图明显更好;如果要回答「随时间怎么变」,饼图完全不适合。落地时把百分比直接标在扇区旁、并按数值降序排列起始角,能让读者不依赖图例对照就读出结论。颜色数量也应受控,同色系深浅比彩虹配色更易区分且不易误读。
做占比分解时还应留意「合计是否等于一百」这一常见质疑:四舍五入会让各扇区之和偏大或偏小零点几,读者一算就发现对不上。约定一个修正策略并写进图注比较稳妥,常见做法是把差额补给占比最大的一项,或采用最大余额法统一分配,并注明取整规则,这样图与文字口径一致,也避免反复解释。
最后一个容易被忽略的前提是数据本身需要先处理:负数在多数的占比图表里没有意义,零值会产生没有面积的扇区,而极小值在图上几乎看不见但仍会占用图例。作图前应先把数据整理成「正数、非零、并按阈值合并尾部」的形态,这一步做好之后图形自然清晰,也避免读者把「看不见」误判为「没有」。
与条形图相比,饼图只在一种情形下更优:类别很少且读者关心的是「整体如何瓜分」。其余情形条形图都更好读。因此总结成一条规则——先问读者要回答什么问题,再选图型;如果答案是「比大小」,就直接用条形图,不必因为数据是占比而选饼图。
实现原理
饼图把数值映射到扇区角度,而人对角度的分辨能力弱于长度,因此类别一多就无法比较。稳妥的用法是控制在六个类别以内、按数值降序排列、并直接标注百分比;超过这个范围应改用横向条形图,否则读者只能看出「最大的一块」,其余无从比较。
十二个类别的占比扇区角度已无法比较,读者只能看出最大一块——应改用降序条形图或合并尾部类别使用方法
- 打开「饼图生成器」
- 粘贴待处理的文本
- 根据需要调整输出选项
- 点击「处理」按钮,结果实时显示
- 复制或导出结果
使用场景
- 预算分配展示 — 将各部门或各项目的预算金额可视化为饼图,直观展示资金分配比例。
- 市场份额分析 — 将各品牌的市场占有率数据绘制为饼图,对比竞争格局和市场份额分布。
- 人口构成统计 — 将不同年龄段或性别的人口数据渲染为饼图,展示人口结构构成。
- 支出分类占比 — 将个人或企业的各项支出按类别绘制为饼图,分析消费结构和支出比例。
- 投票结果展示 — 将投票各选项的得票数可视化为饼图,清晰展示各选项的支持率占比。
- 流量来源构成 — 把网站流量按来源渠道(自然、直接、外链、社媒)绘制成环形图并标注百分比。
常见问题
饼图和环形图有什么区别?
饼图是实心圆饼,环形图(donut chart)中间有空心圆。通过调整内圈半径参数可将饼图转为环形图,内圈半径越大空心越大。
能显示百分比吗?
能。标签显示模式可选择名称、数值或百分比,也可同时显示名称和百分比便于阅读。
扇区颜色能自定义吗?
能。可自定义每个扇区的颜色,也可使用默认配色方案。支持设置图例位置和标签字体大小。
类别太多怎么办?
扇区超过七八个就难以辨认,建议把占比极小的长尾合并为"其他"类,再配合图例与悬停提示查看明细。
饼图适合比较大小吗?
不适合。饼图强调占比,人对角度和大小的感知远不如柱状图对长度的感知灵敏,纯粹的数值比较请改用柱状图。
数据格式怎么输入?
支持 CSV(每行一个标签和数值,逗号分隔)和 JSON(对象数组,每个对象含 name 和 value 字段)两种格式。
数据会被上传吗?
不会。所有渲染在浏览器本地通过 ECharts 完成,不经过任何服务器,适合处理未公开的财务或运营构成数据。
分类太多导致饼图无法阅读?
饼图的可读上限约 6–7 个分类。把小占比项合并成「其他」、或改用横向条形图(按数值排序)更清晰。饼图适合展示「部分占整体」且分类少;占比接近时人眼无法区分扇区大小,此时条形图是更好的选择。