阿里云的DataV是一款即时数据可视化服务，协助将数据快速转换视觉化图形，并可以与多种资料源连接、拥有资料自动更新请求功能，进而呈现即时数据可视化的多层次看板。

DataV支援的数据源类型有: 静态数据、CSV文件、API、数据库、阿里API网关、TableStore、OpenAPI、OSS等。假设数据源以资料库做为解释。如下图，当使用者透过网页(前端)输入任何资料，像是:会员资料、购买资讯等，这些数据都会被传送到后端的资料库储存。

由于DataV能与资料库连接、并且设定固定时间自动更新资料。因此，使用者所输入的每笔资料，都能透过固定请求而时时更新到DataV，呈现即时可视化数据。

(制图者:Annie)
 

接下来的操作将分为四个部份来进行：

(制图者:Annie)

数据资料准备

在数据资料的准备。我们可以分为三部分来看。

• 数据来源: 是想呈现的数据资料，并已完成资料清理。这个阶段格外重要因为当数据清理过，才能有效做接下来的数据呈现。
• 汇入方式: 有了数据后，需要考虑如何汇入DataV。值得注意的是，目前直接汇入CSV档至DataV使用，只支援最大上限到512KB。建议将档案先上传至资料库，再做使用，这样将不会受到档案大小的限制。而这次的实作将使用csv档案做为数据源，并将资料存放在阿里云-云数据库RDS中的MySQL。
• DataV读取数据: 当建立好资料库，资料也都上传完成后，第三部分则是在DataV页面中添加数据，这样资料库的数据就能与DataV联动，作视觉化呈现。

接下来，从第一步开始。

1. 数据来源：范例数据这里使用一份COVID-19 的csv数据
2. 资料汇入资料库

2.1. 创建MySQL资料库实例

首先，登入阿里云平台的云数据库RDS

建立资料库 实例，可以依照需求选取所需规格。

确认订单

2.2. 创建数据库帐密

数据库实例建立完成后，需要创建用户、建立数据库、建立数据表。
这边分别创建【高权限账号】、【普通账号】。
进入云数据库RDS页面、区域: 选择建立数据库的区域、实例列表中点选刚刚创建的数据库。

高权限账号: 如图，点击 【账号管理】、【创建账号】。

【数据库账号】、【密码】自行设定，是未来登入数据库的账号及密码。

普通账号:如图，点击 【账号管理】、【创建账号】。

2.3 建立数据库

点选【数据库管理】、【创建数据库】。

【数据库名称】自由命名、【授权账号】:选择已创建且要登入数据库操作的账号。

2.4 创建数据表

接下来就可以登入数据库，创建数据表啰!
登入数据库: 左侧 【数据库管理】、【登入数据库】

输入数据

登入后，会进入数据管理DMS页面，左侧点选 数据库、再点选开始建表。

数据表名称可自行取名。

【基本信息】新增完成后，【列信息】新增。由于接下来会将数据汇入，所以【列信息】的建立(如下图)需要参照汇入数据表的字段。

列信息建完成后，也可建立索引，帮助快速搜寻字段。

这边设定Country、Data_reported为索引，建立完成后保存变更。

2.5 汇入数据

数据表右键单击，【导入】

【目标表】输入创建的表名称、【上传文件】

上传的档案最大可以支持到5G、【提交申请】

【执行变更】

【确定执行】

回到DMS页面，输入SQL语法查询数据，若有显示结果，则代表数据有成功汇进来。

2.6 数据库联机设定

需要申请数据库外网地址做后续连动。
回到RDS页面、点选【基本信息】、【专有网络:查看连接详情】、【申请外网地址】

将数据库的外网地址复制下来，稍后会使用到。

3. DataV添加数据

到DataV页面，点选【我的数据】、【添加数据】。

输入以下信息。【域名】贴上数据库外网地址。【用户名】输入数据库帐密。【数据库】选择要汇入的数据库。

出现下图，表示创建完成。


这样第一阶段就完成啰!

创建我的可视化

平台上有多个模板可以选择，点选任一模板的 "创建项目"即可。也可以新增一个空白广告牌做客制化调整。

进入到DataV 操作页面后，页面上有四大功能，分别为【图层】、【组件列表】、【右侧面板】【工具栏】。可以从左上方的按钮叫出对应的功能，再点一次即可收起该功能图层。

【图层】

功能: 使用的组件(图片、文字)都会罗列在字段中。点击任一组件，会在画布中显示该组件。

【组件列表】
此字段会罗列出所有可用的组件，依照需求点选左侧的分类字段，快速搜寻组件。点击要加入的对象，就会出现在画布上。

【右侧面板】

【工具栏】

为图层做滤镜配置，可做细腻度的色彩调整。

数据源设定

新增对象、点选对象、点开【右侧面板】、点选物件、、右侧面板点选【数据】、【配置数据源】

设置数据源、【数据源类型:数据库】、【选择已有数据源】、【SQL:我这边只取数据中United States of America的数据】

点选【数据响应结果】 图标，显示撷取的数据数据。

输入该图表要映像的X,Y。

X:Date_reported。Y:Cumulative_cases。

输入完成后，图型会套用数据，显示结果。除此之外，【数据响应结果】也会将该映像的结果显示出来

点选【右侧面板】的【配置】可以调整图表内的字体大小、颜色设定。

发布广告牌

当您的DataV制作完成后，可以点选【发布】

点选发布后，会得到一串【分享连结】，透过这个连结访问已发布的DataV项目。若想限制访问权限，可于【访问限制】中设定【访问密码】

设定完成后，透过连结进入时，就需要输入密码。

另外也可以从页面设置的地方，调整屏幕的显示方式。这边选择【全屏铺满】

这样就完成DataV的设计啰!

结语

从建立数据库、数据汇入连接设定、设定数据值、功能列的导览，这些都只是基础的DataV介绍。其实DataV还蕴含更强大的视觉呈现效果、甚至3D动画呈现效果。未来若有视觉呈现需求时，可以考虑使用阿里云的DataV，让数据有高层次的视觉呈现。