图表制作

把表格、粘贴的数据区域或CSV文件做成柱状图、折线图、饼图或面积图，并下载为PNG或SVG。

如何下载图表

1
输入或粘贴数据
在表格里填写数据，直接粘贴从Excel或Google Sheets复制的区域，或者加载CSV文件。第一列是分类标签，之后的每一列各成为一个数据系列。
2
选择图表类型和颜色
在柱状图、条形图、折线图、面积图、饼图和环形图之间切换，选择配色，添加标题和坐标轴标签，并设置需要的精确像素尺寸。
3
下载PNG或SVG
保存可直接使用的PNG，放进幻灯片或文档；或者保存SVG，其中的文字在Figma、Illustrator和Inkscape里仍然可以编辑。

表格如何变成图表

第一列读作分类轴，其余每一列各成为一个系列，所以一张按月份列出四个地区数据的表格，每个月会得到四根柱子。如果第一行在本该是数字的位置写着文字，它就被当作表头，各单元格成为图例里的系列名称；否则系列按编号命名。粘贴时会自动识别分隔符：根据前几行判断是制表符、分号还是逗号。因此，从Excel复制的区域、用分号导出的欧洲CSV和普通的逗号分隔文件，都能正确读入，无需手动选择。单元格里是文字而不是数字时，不会悄悄变成零，而是报告它所在的行和列，方便你修改源数据。真正空着的单元格按零处理，因为导出文件里的空白几乎总是这个意思。

为什么坐标轴落在整齐的数值上

坐标轴刻度按经典的“整齐数值”规则选取：步长总是10的幂乘以1、2、5或10，并让坐标轴分成四到八格。所以峰值为780的系列，坐标轴是0、200、400、600、800，而不是难看的0、156、312等等。柱状图和面积图的数值轴总是从零开始，因为截断的基线会夸大差异，这是图表误导读者最常见的一种方式。折线图则可以放大到值得关注的区间，因为折线看的是趋势，而不是面积的比较。

PNG用于幻灯片，SVG用于编辑

PNG在画布上按你要求的像素尺寸渲染，宽度最大4096，并采用屏幕的像素比，所以在Retina显示屏上和投影的幻灯片里都清晰。SVG不是那张图片的描摹：它根据同一套几何数据单独生成，由矩形、路径和真正的文字元素组成。一旦有人在矢量编辑器里打开文件，这个区别就很重要：可以重新设置某个系列的样式、修改标题里的错字或更换字体，而位图图表这些都做不到。

你的数字不会离开这个标签页

你输入的表格、粘贴的区域和加载的CSV，都完全在浏览器中读取和绘制。不上传、不存储，也没有任何图表服务能看到你的数据。PNG和SVG都在本地生成，用的就是屏幕上看到的同一组数字。

常见问题

能做哪些类型的图表？

竖向柱状图、横向条形图、折线图、面积图、饼图和环形图。柱状图和面积图可以堆叠，折线图和面积图可以平滑成曲线，环形图中间的空心可以在半径的30%到80%之间调整。

能直接粘贴Excel里的数据区域吗？

可以。从Excel、Google Sheets或Numbers复制的区域是以制表符分隔的文本，会被自动识别。分号和逗号分隔的文本也一样，所以欧洲格式的CSV不需要额外设置。

做演示文稿该下载多大尺寸？

1200 × 800像素适合大多数幻灯片。在4K显示屏上做满屏幻灯片，宽度可以用到2560，上限是4096。如果图表要放进打印的报告，改为下载SVG，它在任何尺寸下都保持清晰。

为什么这里SVG比PNG好？

SVG把每个元素都保留为真正的对象：标题是文字，每根柱子是矩形，每块饼图扇区是路径。可以在Figma、Illustrator或Inkscape里重新设置样式、修改错字或更换字体。PNG是像素网格，一旦保存，里面的任何内容都无法再编辑。

CSV会上传到服务器吗？

不会。文件用浏览器自带的文件读取功能读取，并在这个标签页里解析。没有上传，没有图表渲染服务，也不统计你表格里的内容。

怎么得到透明背景？

下载前打开“透明”选项。这样PNG保存时不带白色底，图表要放到彩色幻灯片上时正需要这样。SVG也遵循同一设置。

饼图的扇区数量为什么有上限？

超过十几块，饼图就看不清了：扇区比自己的标签还窄，读者也无法比较。分类超过十二个时，工具会建议把最小的几项合并成“其他”，或者改用柱状图，柱状图能容纳很多分类。