📊 数据图表制作
粘贴数据生成折线图 · 柱状图 · 饼图 · 可导出 PNG
数据与图表设置
一、先选对图型：折线看趋势，柱状比大小，饼图看占比
同一组数字，画成折线、柱状还是饼图，读者得到的结论可能完全相反。选图型只看一件事：你想让别人回答哪个问题。如果要回答「这几个月是涨还是跌」，答案在折线图里；如果要回答「北京和上海谁卖得多」，答案在柱状图里；如果要回答「哪一块吃掉了最多的钱」，答案在饼图里。图型选错，数据再准也是白做。
| 图型 | 回答的问题 | 适合的数据 | 本工具的支持情况 | 不要用它做 |
|---|---|---|---|---|
| 折线图 | 随时间怎么变（涨/跌/波动） | 标签按时间或顺序排列，至少 5 个点 | 支持多列 = 多条线，自动配色，线条带平滑处理，可加标题 | 对比互不相关的类别大小 |
| 柱状图 | 类别之间谁多谁少 | 标签是类别，类别数 2—12 个 | 支持多列 = 并列柱子，自动循环配色 | 表现 12 个月以上的连续趋势（柱子会挤成一团） |
| 饼图 | 各部分占整体的比例 | 只有一列数值，类别最好不超过 6 个 | 只取第一列数值，其余列会被忽略并给出提示 | 类别超过 6 个、数值接近、比较两个时期 |
一句话口诀：看趋势用折线，比大小用柱状，看占比用饼图；占比超过 6 项，就改用一个横向列表或者干脆拆成两张饼图。
还有一条容易被忽略的规则：折线图的横轴应该是「有顺序」的（1 月、2 月、3 月，或者第 1 周、第 2 周），如果横轴是「苹果、香蕉、西瓜」这类无序类别，用折线会把它们连成一条毫无意义的斜线，读者会误以为中间存在某种变化过程。
二、数据怎么给：每行一条，第一列是标签
这个工具吃的数据非常朴素：一行一条数据，第一列是标签（文字），后面每一列是一个数值系列。分隔符支持逗号、制表符、空格三种，系统会自动识别，你不用手动选。下面三种写法都能用。
写法 A：最小可用（逗号分隔，单系列）
一月,80 二月,95 三月,88 四月,120 五月,105
只有一列数值时，折线图和柱状图会画出单独一条线或一组柱子，饼图会把这 5 个数值按占比切成 5 块。
写法 B：从 Excel 直接复制（制表符分隔，多系列）
一季度 3.2 3.8 二季度 3.6 4.2 三季度 3.4 3.9 四季度 4.1 4.6
在 Excel 里选中数据区域按 Ctrl+C，回到这里按 Ctrl+V，制表符会被自动识别，每一列数值都会变成一条独立的数据系列（这条例子会画出两条线/两组柱子）。这也是最省事的做法。
写法 C：多系列（一条标签 + 三条数值）
一月,80,120,95 二月,95,110,88 三月,88,135,102 四月,120,150,118
三列数值 = 三条线或三组柱，工具会按调色板顺序自动给每一列配色，不需要你手动指定颜色。
三、三个完整示例：从数据到结论
下面三个例子都可以直接复制到上面的输入框里生成图表，用来验证工具行为，也可以当成自己数据的模板。
示例 1：月度支出构成（饼图，看占比）
一个三口之家在某新一线城市的月度支出合计 12,000 元，先按用途归类，最多留 6 项：
房贷,4200 餐饮,2400 教育,1500 交通,900 水电物业,700 其他,2300
图表类型选「饼图」。结论：房贷 4,200 元占 35.0%，是最大的一块；餐饮 2,400 元占 20.0%；教育 1,500 元占 12.5%；交通 900 元占 7.5%；水电物业 700 元占 5.8%；其他 2,300 元占 19.2%。光看「房贷占三分之一」还不够，真正值得注意的是「其他」占了近两成——这类没归类的支出最容易失控，建议把它拆成具体的两三项重新画一次，饼图的可读性会立刻变好。这也说明为什么饼图要限制类别数量：类别一多，每一块都变得又细又难比较。
示例 2：12 个月存款增长（折线图，看趋势）
每月月初固定存 2,000 元到一个年化 1.5% 的稳健产品里，第一列是「累计本金」，第二列是「按 1.5% 年化估算的本息合计」：
1月,2000,2000 2月,4000,4003 3月,6000,6008 4月,8000,8015 5月,10000,10027 6月,12000,12038 7月,14000,14053 8月,16000,16070 9月,18000,18090 10月,20000,20113 11月,22000,22138 12月,24000,24166
图表类型选「折线图」，会得到两条几乎重合向上走的线。结论：一年下来累计本金 24,000 元，按 1.5% 年化估算的年末本息约 24,166 元，其中约 166 元是收益。两条线贴合得很紧，正好说明一个事实：在收益率不高的情况下，决定你年末数字大小的主要变量是「每月存多少」，而不是「收益率多 0.1 个百分点」。如果把年化换成 3%，年末本息也只多出约 160 元。想看清楚不同收益率差多少，可以用 存款利息计算器 把单利、复利、到期本息分别算一遍再回来画图（另可参考 年化收益率计算器）。
示例 3：两年收入对比（柱状图，比大小）
某自由职业者四个季度的收入（单位：万元），两年并列对比：
一季度,3.2,3.8 二季度,3.6,4.2 三季度,3.4,3.9 四季度,4.1,4.6
图表类型选「柱状图」，每个季度会并排出现两组柱子。结论：2025 年合计 14.3 万元，2026 年合计 16.5 万元，增加 2.2 万元，增幅约 15.4%。四个季度全部实现同比增长，其中二季度涨幅最大（3.6 → 4.2 万元，+16.7%），四季度绝对增量最大（+0.5 万元）。这里要留意一个视觉陷阱：柱状图的纵轴起点由图表库按数据范围自动决定，不一定从 0 开始，所以 3.2 和 3.8 之间的差距在图上看起来可能比实际更夸张。想让对比更诚实，可以在数据里补一行「基准,0,0」——不过这会让整张图的柱子被压矮，实际汇报时更推荐在文字里直接写出「同比增长 15.4%」。
这三个例子里用到的「存款利息」「年化收益」「成本利润」口径，本站都有对应的计算器可以直接算：存款利息计算器、成本利润计算器、年金计算器。算完把结果贴回本页，就能立刻变成一张能放进报告里的图。更系统的做法和踩坑清单整理在 使用说明与指南 里。
四、使用小贴士
1. 导出 PNG 的清晰度取决于导出时的窗口大小
「导出 PNG」保存的是页面上那块画布的实际像素，不是矢量图，也不会自动放大。所以在电脑浏览器里、把窗口拉宽一些再生成并导出，图片最清晰；在手机小窗口里导出会得到一张偏小的图，插进 Word 或 PPT 时被拉伸就会发虚。要放进 A4 文档的图，建议在电脑上导出。
2. 颜色是自动配的，所以系列别太多
工具内置一套 10 色的调色板，按数据列的先后顺序依次分配。超过 10 列时颜色会从头循环，两根不同含义的柱子可能撞色。更现实的问题是：一张图里超过 5—6 条线，读者根本分不清谁是谁。真要表现很多系列，拆成两三张图比堆在一张上更好读。
3. 饼图别超过 6 类
人对扇形角度的判断能力远弱于对长度的判断。类别一多，相邻两块的角度差越来越小，读者只能在图上看到「一堆差不多大的扇形」。实用规则：超过 6 类就把最小的几项合并成「其他」，并在正文里列出被合并的具体项目。工具在检测到饼图有多列数值时会给出提示，但那只是提示——控制类别数量是你自己的事。
4. 折线图的线条带平滑处理，别误读成「连续变化」
折线在绘制时做了平滑，好处是好看，代价是两个数据点之间的曲线形状并不代表真实发生的过程。月度数据用平滑折线没问题，但如果横轴是「1 天、10 天、100 天」这种跨度不均的标签，平滑曲线会严重误导读者，这时更适合改成柱状图。
5. 用「复制数据」把改动带回去存档
页面上的「复制数据」按钮会把当前输入框里的内容按制表符重新拼好放进剪贴板，格式可以直接粘回 Excel 的单元格区域。做完一张图顺手复制一次存进表格，下次改数据就不必重新敲一遍。
6. 数据不出浏览器
数据解析和图形绘制全部在浏览器本地完成，不上传服务器。涉及工资、成本、客户金额这类敏感数据也可以放心处理——页面加载完成后即使断网，图表生成与 PNG 导出同样可用。
五、常见问题
支持什么数据格式？
每行一条数据，第一列为标签，后面是数值。分隔符支持逗号（CSV）、制表符（TSV）和空格，系统会自动识别；多列数据会生成多条数据系列，如「一月,80,120」。标签请勿包含逗号或制表符。
能导出图片吗？
能。图表生成后点击「导出 PNG」即可下载 chart.png 图片，内容与页面画布完全一致，可直接放进报告、PPT 或公众号配图。导出前把浏览器窗口调大一些，图片会更清晰。
饼图支持多列数据吗？
不支持。饼图只能展示一组数据，多列时自动取第一列数值绘制，其余列忽略并在图表下方给出提示；折线图和柱状图支持多列数据系列，并用不同颜色区分。
数据会传到服务器吗？
不会。数据解析与图表渲染全部在浏览器本地完成，粘贴的数据不会上传，可放心处理工资、成本、客户名单对应的金额等敏感数据。
表头那一行要一起粘贴吗？
不要把表头行粘贴进去。工具把每一行都当作一条数据，如果第一行是「月份,支出」，它会被画成一个标签叫「月份」、数值为 0 的假数据点，让图形起点贴地。粘贴前先在 Excel 里删掉表头行，或粘贴后手动删除第一行。
数值能不能带单位、千分位逗号或百分号？
建议只填纯数字。带千分位的「1,200」会被逗号拆成两列，导致系列错位；以货币符号开头的「¥1200」无法按数字解析，会被当成 0；「35%」会被读成 35，百分号含义丢失。请先在 Excel 里把单元格格式改成「数值、无千分位」再复制。
更新于 2026-09-11