在线图表制作

从电子表格里粘贴一张表格，选择柱状图、折线图、饼图或圆环图，再导出 PNG 或 SVG——整个绘制过程都在你的浏览器中完成。

表格、预览和两种导出结果都留在这个标签页里。你的数字绝不会上传，所以机密数据也可以放心制成图表。

用 CSV to JSON 转换器把 CSV 转成 JSON

关于 图表制作

图表制作工具把一张数字表变成可以直接放进报告、幻灯片或文档的图表。从 Excel 或 Google Sheets 粘贴单元格，或直接在表格里输入，它会判断分隔符、识别表头行，并把 1,234.50、45% 和 $99 都当作普通数字读取。你可以选择分组柱状图、堆叠柱状图或横向的条形图，也可以选折线图、面积图、饼图或圆环图，然后一边调整标题、图例、数值格式、配色和画布大小，一边看预览实时更新。坐标轴刻度会落在 1、2 或 5 的整齐步长上，所以刻度标签读起来清爽，而柱状图和面积图总是从 0 开始。导出 PNG（可选透明背景），或导出放大到任何尺寸都依然清晰的矢量 SVG。一切都在你的设备上绘制。

功能特性

• 7 种图表类型：分组柱状图、堆叠柱状图、横向的条形图、折线图、面积图、饼图和圆环图
• 可直接从 Excel 或 Google Sheets 粘贴——制表符、逗号和分号分隔的数据，包括带引号的字段和表头行，都会自动识别
• 把 1,234.50、45%、$99 和 (200) 都读作数字；文本或空白单元格会直接变成缺口
• 坐标轴刻度按 1、2 或 5 的整齐步长取值，柱状图和面积图一定包含 0
• 数值格式：普通数字、千位分隔符、百分比，或你自选的货币符号
• 6 种配色方案，每个数据系列或扇区还有单独的取色器
• 饼图和圆环图的额外选项：扇区排序、起始角度、圆环中心孔的大小和百分比标签
• PNG 最大可导出为画布大小的 2 倍，背景可选纯色或透明；也可导出矢量 SVG，或把图片复制到剪贴板

如何使用 图表制作

1. 把电子表格里的单元格粘贴到「Paste data」框中，或直接在表格里输入——第一列放标签，其余每一列是一个数据系列
2. 选择图表类型，然后设置标题、坐标轴标题、图例和数值格式
3. 在预览实时更新的同时，调整配色方案、各系列的颜色、字号和画布大小
4. 下载 PNG 或 SVG，或把 PNG 复制到剪贴板

示例

输入

Quarter	Online	In store
Q1	120	90
Q2	150	110
Q3	170	130
Q4	210	160

输出

Bar chart · 800×500 · SVG 4.5 KB
2 series (Online, In store) · 4 categories · legend at the bottom

一张直接从电子表格粘贴来的 4 行表格：其中的制表符、表头行和 2 个数据系列，不用任何设置就能自动识别。

常见错误与故障排除

• 图表里少了一列数字。 — 只有能读作数字的单元格才会被画进图表。像 n/a 或破折号这样的文本会变成缺口，而粘贴进来后一个数字都没有的整列则会被丢弃。表格里不是数字的单元格会用红色框线标出。
• 粘贴的数据全都挤在一列里。 — 文本里各个值之间没有制表符、逗号或分号——最常见的原因是各列之间用连续的空格隔开。请直接从电子表格里复制单元格，或在各个值之间加上逗号。
• 第一行数字被当成了表头，或者表头被当成了数据行。 — 表头是自动识别的。把粘贴框里的「Header row」选项切换为「Yes」或「No」，就能强制指定。
• 图表很拥挤时，数值标签不见了。 — 会互相重叠的标签是有意省略的。请使用更宽的画布、更小的字号或更少的行数，或者直接从表格里读取确切的数字。

常见问题

怎样把 Excel 或 Google Sheets 的数据粘贴到图表制作工具里？

在电子表格里选中单元格并复制，然后点击「Paste data」再粘贴。Excel 和 Sheets 里以制表符分隔的单元格会被自动识别，表头行也包括在内，表格随即填好。你也可以把一整块数据直接粘贴到表格的任意单元格里。

我的数据该在图表制作工具里选哪种图表类型？

柱状图用来比较各个类别，堆叠柱状图则展示各部分如何加起来构成总数。标签较长时适合用横向的条形图。折线图和面积图展示随时间的变化。饼图和圆环图展示各部分占整体的比例，扇区少于约 7 个时最易读。

怎样把图表导出为透明背景的 PNG？

把「Background」设为「Transparent (dark text)」（适合浅色页面）或「Transparent (light text)」（适合深色幻灯片），然后下载 PNG。预览后面的棋盘格只是个参考——导出的文件带有真正的 alpha 通道。

图表制作工具导出的 SVG 有什么用？

它是矢量图形，所以放大到任何尺寸都依然清晰，文字也还是可编辑的文字。这很适合印刷、Figma、Illustrator 和 Inkscape 等设计工具，以及网站。如果某个应用不接受 SVG，比如许多上传表单和聊天应用，就改用 PNG。

能在图表制作工具里单独修改某个数据系列或扇区的颜色吗？

可以。选择 6 种配色方案之一，或用任何数据系列旁边（饼图里则是任何扇区旁边）的取色器设置你自己的颜色。「Reset colours」会恢复为配色方案。

图表制作工具最多能处理多少行和多少个数据系列？

每张图表最多 200 行、12 个数据列，这已经超过一张图表能清晰展示的量。更大的粘贴内容会被截到这些上限以内，并给出提示。

相关工具

• CSV to JSON 转换器 — 将 CSV 或 TSV 转换为带类型推断和嵌套的 JSON
• JSON 转 CSV — 将扁平 JSON 对象数组转换为 CSV。
• 统计计算器 — 即时计算平均值、中位数、众数、标准差和四分位数。
• 平均数、中位数、众数、极差 — 计算数字列表的平均数、中位数、众数和极差。
• 百分比计算器 — 计算X%的Y、一个数占另一个数的百分比,以及百分比变化。
• Markdown 表格生成器 — 在可编辑网格中构建表格，导出 GFM、HTML、AsciiDoc、reST 或 LaTeX。
• SVG 转 PNG 转换器 — 在浏览器中把 SVG 标记或 .svg 文件以任意比例栅格化为清晰的 PNG 或 JPG。
• 词云生成器 — 粘贴文本即可生成词云，可过滤停用词、选择形状和配色，并下载 PNG 或 SVG。

更多图片工具

• 图片优化工具 — 重新编码并缩小图片（JPEG/WebP/PNG），可选调整尺寸。
• 图片格式转换工具 — 在浏览器中完整地在 PNG、JPEG 和 WebP 之间转换图片。
• EXIF 查看与移除工具 — 查看并移除照片中的 EXIF 元数据（含 GPS）；不上传任何内容。
• Base64 图片编码器 / 解码器 — 将图片转换为带 HTML 和 CSS 片段的 Base64 Data URI，或将 Data URI 解码为可下载的图片。
• 应用图标生成器 — 将一张图片转换为所有 iOS、macOS 和 Android 应用图标尺寸——打包为 ZIP，在您的浏览器中完成。
• sprite sheet CSS 动画生成器 — 把 sprite sheet 转成带实时预览的 CSS steps() 动画。
• SVG 转 PNG 转换器 — 在浏览器中把 SVG 标记或 .svg 文件以任意比例栅格化为清晰的 PNG 或 JPG。
• 图片取色器 — 在浏览器中从图片取任意像素的 HEX、RGB 和 HSL 颜色值。
• 颜色格式转换器 — 把任意 CSS 颜色转换为 HEX、RGB、OKLCH 等
• 条形码生成器 — 生成 EAN、UPC、Code 128 条形码并导出 SVG 或 PNG
• 图片配色提取器 — 从图片提取主色与配色，导出 HEX、RGB、HSL、CSS 与 Tailwind。
• 图片翻转与旋转 — 在浏览器中旋转和翻转图片
• 图片裁剪 — 自由区域或固定比例裁剪，全分辨率下载。
• 图片水印 — 文字或Logo，定位或平铺，可调透明度与旋转。
• 图片打码 — 把截图局部永久模糊、马赛克或涂黑。
• 图片圆角工具 — 裁成圆角矩形或圆形，导出透明PNG。
• 色盲模拟器 — 查看图片在红色盲或绿色盲眼中的样子。
• 图片DPI修改器 — 在不重新压缩像素的情况下设置PNG或JPEG的DPI。
• BlurHash 生成器 — 编码与解码模糊的图片占位符。
• 占位图生成器 — 任意尺寸的 SVG、PNG 或 data URI 占位图。
• ASCII 字符画生成器 — 以可调对比度把图片转成 ASCII 字符画。
• 图片滤镜 — 应用灰度、棕褐色、对比度、模糊等效果，导出 PNG 和 CSS。
• 图片分割工具 — 把图片切成网格小块，并打包成 ZIP 下载。
• 图片合并工具 — 把图片横排、竖排或按网格拼接。

查看全部图片工具 (35) · 全部工具