datavrap使用手册
一、 产品简介
datavrap是一个动态数据可视化设计器，通过简单配置生成可视化视频，图片和gif。
站长：B站UP，夹克mnnm
这个产品的灵感是在做B站视频时，觉得每次通过修改代码+录屏实现视频制作太过于繁琐，因此想通过直接在页面调整一些参数就能够实现视频生成。因此该软件一直围绕在如何方便快捷制作可视化，生成视频角度优化。产品经历过两个大版本，还有很多改进的地方，希望有想法的可以给站长提出宝贵的意见。
QQ群：912741496
欢迎交流(*￣︶￣)
二、快速入门
借助datavrap，您只需要三步即可生成动态可视化视频：
以下以动态条形图为例：
1.先准备想要可视化的数据Excel，数据形式可以参考每个图形的数据配置，可以直接复制粘贴，把数据粘贴到表格中。ps：最好在选择好一个图元后再粘贴数据，不然会被覆盖掉。
2.选择一个想要显示的图形
说明：每个图形都有预设的主题效果，可以根据需要选择主题。
3.如果预设的效果就已经满足需求，就可以直接导出视频
导出数据，提供多种格式选择，服务器渲染可以生成H264编码的mp4视频。
通过以上三步就能够导出一个可视化视频了。
如果想要调出自己喜欢的效果，就需要了解效果设置配置的方式。
三、界面 简介
datavrap主要包含以下区域：
-
图表模板区域：提供42种图表类型选择，图表类型还在持续增加中。
-
工具栏区域：提供图表播放，导出，更新说明，分辨率设置等功能按钮。
-
预览区域：预览配置的图表效果。
-
效果配置区域：提供多种配置调整预览区的效果。
-
数据配置区域：调整图表中的数据。
-
素材区域：官方提供的素材和自定义上传图片素材。
3.1. 图表模板区域
图表模板区域提供基础模板选择：以下是提供的模板
选择图表模板，目前有42种图形模板。
目前有：动态条形图、动态gis地图、动态折线图、动态地图（带条形图）、动态地图（各国、省、市）、TOP排行榜、动态对比条形图、动态饼图、动态环形图、动态柱状图、动态雷达图、动态3D柱状图、动态条形图（数字跳动）、动态水球图、动态词云、矩形树图、极坐标柱图、漏斗图、桑基图、散点图等等。后续会继续更新更多图元。
在模板的基础上，
选择主题
3.2. 工具栏区域
（1）工具栏介绍
（2）导出功能
导出视频推荐第6项，生成原画视频，创建任务后只需等待服务生成完成，生成后会提供下载链接。
如果服务器需要等待太久，可以采用本地引擎生成，能够加快生成视频的时间。
PS：年度会员可以实现数据完全不上传服务器，只在本地维护，并且生成视频通过本地引擎生成，数据安全有保证。
3.3. 预览区
预览区：
时间轴
预览辅助工具，在编辑时开启，可以提高校验数据的效率。点击时间轴文字，就可以切换到对应的数据层，通常在导出时要关掉。
3.4. 效果 配置区
此区域是给动态可视化调效果。
其中分为基础配置、X轴设置、Y轴设置（左）、时间轴配置、坐标系配置，特效配置，背景配置等等，有些类型的图元有自己个性化的配置。
（1）基础配置
对动态图整体框架进行配置，包括：大标题设置、副标题设置、时间轴标题设置、版权说明设置、数据来源设置、数据排序、单位设置、小数位精确到、柱子/折线效果设置、显示数量设置、颜色设置等。
下面分别介绍各个设置的使用方法：
- 大标题，副标题，时间轴等文字设置
软件提供五处文字显示设置，大标题，副标题，时间轴标题，数据来源，版权说明。每个文字设置都支持自定义设置。
文字修改支持文字字体，字体大小，字体颜色，是否换行（自定义超过多少字换行），
左右位置，预设center，left，right。作为关键字，也可以设置数字，例如：输入200，表示距离左侧200像素。
上下位置，提供预设，top，middle，bottom作为关键字，也可以设置数字，例如：输入200，标识距离顶部200像素。
- 数据排序
可以选择对数据进行升序、降序或不排序。
- 单位设置
可以给动态图添加单位，统一单位只需写一个单位，如果想要给每个时间轴设置不同单位需要用逗号隔开。
- 小数位精确到
如果数据是小数，可以对数据进行小数位截位，默认不截位。
- 柱子/折线效果设置
可以对柱子/折线宽度、圆角、图表、文字进行调节。
如果需要平滑的折线图就需要勾选开启平滑。
柱子宽度 ：表示一个柱子粗细程度，宽度越大，柱子越粗。
柱子圆角： 默认0表示柱子是直角，若设置柱子圆角和柱子宽度一样，显示半圆。
折线宽度： 折线宽度，设置折线粗细。
显示记号： 控制图标显示。
开启平滑： 针对折线图生效，将折线图中的折角变成平滑状态。
隐藏空数据柱子： 当数据中有0数据时，直接不显示。
开启柱子图标： 显示柱子上的图标。
显示文字： 控制柱子或是折线上的文字显示。其中文字格式可以自定义，比如在文字改成：xx{b}xx{c}xxx，从而设置成自定义的模板。文字偏移，可以在现有文本位置的基础上，设置左右，上下偏移，可以设置成负数。
- 显示数量设置
如果数据量太大，显示不全，可以勾选显示数量设置。主要是TOP排行榜图元需要用到这个功能。
（2）颜色设置
颜色设置提供配色方案，背景色，单色，及单个颜色设置。
（3）X轴设置
X轴设置是对X轴的名称、标签的内容、大小、颜色、位置进行调节。
（4）Y轴设置（左）
Y轴设置（左）是对Y轴的标题、标签的内容、大小、颜色、位置进行调节。
Y轴支持图标显示。
（5）时间轴配置
时间轴配置是对时间轴位置、宽度、切换时间、变化持续时间进行调节。其中两个时间轴切换时间可以调节动态图的变化速度。
时间轴在视频编辑时有用，可以比较方便的校验数据的正确性，在导出视频时记得关闭时间轴。
其中最后两个时间的设置是比较重要的设置
切换时间(ms)： ：意思是两个柱子切换时，需要的时间，如果有10个时间轴，每个切换时间是2秒，填入2000，总视频时长在20秒。
变化时间(ms)：： 表示两个时间轴切换变化的持续时间，比如，设置切换时间2秒，设置变化的持续时间1秒，表示2秒间隔的前一秒柱子会完成变化，后一秒会停止变化。因此如果想要持续变化，可以设置成切换时间和变化时间一样，就可以持续不断变化。
ps：变化持续时间不能超过切换时间，不然会出现不连贯的情况。
（6）坐标系设置
坐标系设置是对边距及分割线的位置距离进行调节。做一个背景图，将图表限制在一定范围内。
（7）特效设置
特效设置，对于运动的效果，可以进行自定义控制，默认都是平滑处理，也可以一开始慢，后面块这种特殊的缓动效果。
（8）背景设置
背景设置目前支持三种种，一种是视频背景，一种是图片背景，最后一种是自定义区块背景。
每一个图片链接都可以不一样，达到在播放中切换背景的效果。图片可以在素材库中进行上传生成链接。
以上效果配置是基于柱状图提供的效果配置，适用于大部分图元场景，但有一些特殊的图元，会有自己的效果配置。
四、 数据准备
4.1. 编辑数据
可参照示例数据对数据进行处理，注意表头要齐全，空数据需要补0。如果是数字类型，单元格中不能出现单位，不然会识别不了。
会员可以支持将英文数据进行粘贴，点击翻译，会翻译文本中英文数据。
推荐采用复制粘贴数据，上传Excel可能会因为隐藏格式导致出现解析异常情况。
4.2. 上传素材
素材库支持上传图片，后续会陆续增加上传视频和音乐支持。
五、 内容导出
datavrap可视化工具能够支持导出视频，图片和gif。支持不同场景，不同需求的导出需求，满足用户多种场景需求。
5.1. 导出为时间轴图片
提供两种时间轴图片的下载方式，带背景和不带背景的图片。
时间轴图表表示单个时间轴下的效果，能够批量生成不同时间轴下的图片。
5.2. 导出为图片序列
提供两种视频帧下载方式，带背景和透明两种方式，透明帧是pr软件能够识别的图片序列，例如一个60帧的视频，每秒需要60张图片。软件支持自动生成完整视频需要的所有的视频帧，满足自定义需求，例如通过透明视频帧实现在视频中无缝嵌入数据可视化视频。
5.3. 导出视频
datavrap支持生成可视化视频，目前提供两种视频生成方式：
- 下载原画mp4：点击创建下载任务按钮，可以提交当前设置的分辨率的视频生成任务，在任务结束后，可以点击查看下载任务，其中会显示下载链接。
- 下载原画mp4本地引擎：为解决用户对于数据安全的疑虑和提供本地引擎，支持在本地安装一个视频生成器，详细的使用说明：datavrap本地引擎使用教程
5.4. 导出gif
支持导出gif动画，耗时较长，需要较长时间进行生成。
以上就是通用部分的使用手册，以下会根据每一种图表的特点，针对性的介绍图元的使用方式。