AB
AiBoss
チュートリアル

爱图表

チュートリアル

用爱图表导入数据并导出透明背景图表

面向需要快速产出信息图与数据图表的读者,梳理爱图表从数据导入、样式调整、AI 辅助到多格式导出的完整流程,重点讲清透明背景 PNG 的导出条件、地图与页面尺寸设置、元素对齐与层级管理,以及会员授权与协同编辑等已知限制。

爱图表是一款在线图表与图文设计工具,核心用途是把表格数据或文字描述快速变成可用的图表、信息图与图片素材。它适合需要经常产出数据可视化内容、但不想从零排版的人:运营与市场人员做汇报图、教师做课件插图、内容作者做文章配图,都可以用它完成从数据到成图的整条链路。站内也收录了这款工具,可以从 爱图表 进入了解。下面按实际操作顺序,把数据导入、样式调整、AI 辅助、元素管理、地图插入与导出这几件事讲清楚。

准备工作

爱图表是在浏览器中使用的在线工具,不需要在本地安装客户端。开始之前,把下面几件事确认好,后面会顺很多。

  • 浏览器环境:使用较新版本的桌面浏览器访问,编辑器依赖画布渲染与拖拽交互,过旧的浏览器可能出现面板显示异常。素材中没有给出具体的浏览器版本清单,遇到兼容性问题以官网当前的兼容性说明为准。
  • 账号:需要注册并登录账号,作品保存在账号下的「我的空间」中。不同账号等级对应的商用授权范围不同,这一点在导出前要弄清楚,详见注意事项一节。
  • 数据:把要可视化的数据整理成表格形式,列名写清楚,数值列不要混入单位文字。数据越规整,导入后的自动识别越准确。
  • 尺寸预期:先想好成品用在哪里——网页配图、文档插图还是打印物料,这决定了创建项目时选的页面尺寸。

操作步骤

第一步:创建项目并确定页面尺寸

登录后进入「我的空间」,新建一个项目。创建时可以直接选择预设尺寸,也可以先建空白项目,之后在属性面板里输入具体的宽高数值。页面尺寸不是建完就锁死的,后续仍可修改,所以不必在第一步纠结太久。

如果要做的是地图类图表,建议先建空白模板,再进入编辑器插入地图,这样地图的尺寸和页面尺寸更容易对齐。

第二步:导入数据

爱图表支持三种数据进入方式,系统会自动识别并处理数据格式:

  • 上传 Excel 表格:适合数据量较大、已经在表格里整理好的情况,直接上传文件即可。
  • 复制粘贴:从表格软件里选中区域复制,粘贴到编辑器的数据区域,适合临时取一段数据。
  • 手动输入:数据量小、或者只是先搭个框架看效果时,直接在数据表里敲进去。

导入之后先检查一遍行列是否对应正确,尤其是粘贴进来的数据,列错位是最常见的返工原因。

第三步:让 AI 推荐图表类型

数据就位后,可以使用「AI 生成图表」功能,由系统根据数据结构推荐合适的图表类型。这一步的价值在于避免选错图:比如类别过多时用饼图会挤成一团,时间序列用柱状图会丢掉趋势感,让工具先给建议,再人工确认,比凭直觉选要稳。

除了生成图表,爱图表还提供几项与图片相关的 AI 能力:

  • 文生图:用文字描述生成图片素材,适合补背景图或配图。
  • 图片放大:提升已有图片的清晰度和细节。
  • 智能抠图:自动识别主体并移除背景。
  • 文本 AI:支持智能续写、内容概括、重写和翻译,用于处理图表旁边的说明文字。

第四步:调整图表样式

选中图表后,右侧面板集中了样式相关的设置项:

  • 图表皮肤:一键套用成套的专业样式,是最快的出效果方式。
  • 配色方案:调整整体颜色,工具内置了专业的图表配色方案可供选择。
  • 字体样式:统一标题、坐标轴、数据标签的字形与字号。
  • 图例位置:根据版面把图例放到不遮挡数据的位置。
  • 数据标签:决定是否在图形上直接显示数值。
  • 动画效果:为图表配置出现动画,导出静态图时不影响结果。

第五步:用辅助工具做版面布局

图表本身调好之后,还要处理它在页面上的位置。爱图表提供几类辅助手段:

  • 标尺与辅助线:点击画布右下方的「标尺」图标,打开「标尺及辅助线」开关,可以启用辅助网格,用于精确对齐。
  • 智能参考线:拖动元素时自动出现,提示与其他元素的对齐关系。
  • 对齐工具:右侧面板提供左对齐、居中等对齐方式;多选元素后还可以使用分布对齐。
  • 模板库:没有思路时可以参考现成模板的版式。

第六步:管理元素、层级与组合

一个页面里元素一多,就需要有秩序地管理。常用的操作包括:

  • 批量选择:按住 Shift 点选多个连续元素,或在空白处拖动框选;选中后可整体移动、缩放、对齐。
  • 调整层级:右键菜单选择「置于顶层」或「置于底层」,也可以在图层面板中拖动调整顺序。
  • 组合:选中多个元素后按 Ctrl/Cmd + G 组合,组合后可以整体移动和调整;按 Ctrl/Cmd + Shift + G 解组。
  • 锁定:选中元素后右键选择「锁定」,或在图层面板中右键锁定,避免误拖动已经摆好的元素。

常用快捷键如下,Windows 与 macOS 分别对应 Ctrl 与 Cmd:

操作快捷键
复制Ctrl/Cmd + C
粘贴Ctrl/Cmd + V
剪切Ctrl/Cmd + X
创建副本Ctrl/Cmd + D
撤销Ctrl/Cmd + Z
全选Ctrl/Cmd + A
组合Ctrl/Cmd + G
解组Ctrl/Cmd + Shift + G
删除Delete / Backspace

撤销除了快捷键,也可以点击顶部工具栏的撤销/重做按钮。

第七步:设置页面背景

页面背景支持纯色、渐变和图片三种类型,并且可以调整背景透明度。背景设置会直接影响导出结果,尤其是需要透明底的时候——这一步的处理方式见下一节。

第八步:插入地图(可选)

如果内容涉及地域分布,可以在编辑器中点击导航栏的「地图」图标,选择地区范围后插入。地图相关的几个细节:

  • 比例尺:在地图编辑页面点击右侧的「底图」,打开开关并勾选「比例尺」即可显示。
  • 世界地图显示不全:在右侧面板的「尺寸」中修改宽高数值,再用鼠标缩放画面,等目标区域全部展示出来之后再下载。

第九步:导出

在编辑页面点击右上角的「下载」按钮,选择需要的格式即可。可选的格式与各自适用场景如下:

格式适用场景
JPG文件尺寸小,适合对体积敏感的场景
PNG支持透明度,最适合图形类内容
PDF适用于文档和电子邮件
SVG适用于单个图表元素导出

需要透明底时,在下载面板中选择 PNG 格式,并勾选旁边的「透明背景」选项,然后再下载。

一个完整示例

下面走一遍从零到成品的完整流程,目标是一张带透明背景的季度数据图表,用于放在网页或文档里。

  1. 建项目:进入「我的空间」,新建空白项目,在属性面板中把页面宽高设成目标配图的尺寸。
  2. 导数据:把整理好的季度数据表直接上传,或者从表格软件里复制后粘贴到数据区域。检查行列对应关系,确认第一列是类别、后续列是各季度数值。
  3. 生成图表:使用 AI 生成图表,让系统根据数据结构推荐类型;如果推荐的是折线图而你想强调各季度之间的对比,可以手动换成柱状图。
  4. 套样式:在右侧面板选择一套图表皮肤,再微调配色方案,让颜色与使用场景的视觉风格一致。
  5. 补细节:调整图例位置到图表下方,打开数据标签,统一字体样式。
  6. 排版:打开标尺与辅助网格,把标题、图表、数据来源说明三块内容对齐;选中标题和图表后按 Ctrl/Cmd + G 组合,避免后续误移动。
  7. 处理背景:把页面背景设置为白色,并且不要设置图片作为背景——这是导出透明底的前提条件。
  8. 导出:点击右上角「下载」,选择 PNG,勾选「透明背景」,下载到本地。

如果成品要用于商业场景,导出前先确认账号等级对应的授权范围,具体条款以官网当前信息为准。

注意事项

透明背景导出的前提

导出透明底 PNG 时,如果页面背景本身设置了图片,透明效果不会按预期呈现。正确做法是先把页面背景调整为白色,并且不要使用图片作为背景,再勾选「透明背景」导出。

协同编辑的限制

目前不支持多人同时编辑同一个项目。需要协作时,可以走两条路:把项目导出后分享给他人,或者通过复制项目的方式各自编辑。这意味着涉及多人改稿的场景要提前约定分工,避免版本混乱。

保存机制

系统会定期自动保存,同时也提供手动保存按钮,以及导出到本地的保存方式。自动保存的间隔与保留策略素材中没有给出,重要节点建议手动保存一次,并以导出文件作为最终备份。

商用授权范围

会员账号享有线上线下全场景的商用授权;非会员账号仅支持个人学习使用,不得用于商业用途。这条直接决定成品能不能对外商用,涉及商业项目时务必先核对账号状态。会员的具体权益与价格会调整,以官网当前信息为准。

地图导出的常见问题

世界地图显示不全,通常不是数据问题,而是画布尺寸不够。在右侧面板「尺寸」中调大宽高,再缩放画面确认目标区域完整显示,最后才下载。

素材与元素管理

上传的图片和数据集中在左侧的「上传」面板中查看,「素材库」则提供系统自带的图片、插画、图标等素材。元素多了以后,善用图层面板调整顺序和锁定,比在画布上反复点选更可靠。

易变信息以官网为准

本文涉及的格式支持、功能范围与授权规则都可能随版本更新而变化,实际使用前请以官网当前公布的信息为准。