【IT168 专稿】本文根据【2016 第七届中国数据库技巧大会】现场演讲嘉宾陆旻老师分享内容收拾而成。录音收拾及文字编辑IT168@田晓旭@老鱼。

　　嘉宾介绍：

　　染熙，阿里云前端可视化工程师，负责DataV组件的架构、DataV可视化工具产品，以及数据产品的研发和2015年双十一的前端开发。专注于pc端web数据可视化的架构，摸索数据可视化主动测试、新型的数据可视化等领域。

　　正文：

　　大家好，我是来自阿里云数据可视化DataV小组的染熙，今天重要是和大家分享一下阿里云数据可视化展现平台的搭建过程，我会尽量将全部过程本真的还原出来，赞助筹备自己搭建平台的小伙伴们打扫一些障碍。

　　我们这个平台是用来搭建大屏的。什么是大屏?大屏是我们团体内部对于数据可视化的数据大屏的一个简称，目前我们团体有三种大屏，第一种是触摸式大屏，它的最大特点是能够展现全量的数据，一般来说这种大屏都会带有互动。

　　第二种大屏是数据大屏，也是我们的双十一大屏，它的特征是展现性非常强，能够让大家快速的懂得到大屏背后讲述的故事。

　　第三种大屏是数据产品类型，这种大屏的图表都非常简略易懂，基础上就是折线、饼图等等这一类的图表，对展现性的需求也不是特别的高，重要目标是让商家快速读懂图表的意思。

　　我们的产品和双十一大屏颇有渊源，可以说我们的大屏是被双十一催生出来的，除了双十一项目之外，我们也会做一些团体内部的数据大屏。

　　作为大屏背后的程序员，我可以很负责任的告诉大家，老板真的超级爱大屏。他们不仅在平时的数据展现，在谈发展谈战略的时候非常爱大屏，甚至到看团体内部的数据监控时也非常爱大屏。而且我创造不止阿里的老板爱大屏，天朝最帅的男人现在也忙着在全球看大屏，图上左边是大大在微软，右边是大大在帝国理工。

　　数据工程师可能会很容易从第一张图中获取到信息，但是普通人就有点艰苦了。但是如果把它转换成大屏，我们就可以很轻易的从折线图中获取到信息。

　　数据可视化过滤了非常多的冗余信息，浓缩了最重要的信息，它的魅力就在于将枯燥的数据组织在一起，把最需要的那些编辑成一个故事。目前大数据那么风行，北京速记，但是其实大家并不是需要那么多的数据，而是需要整合的数据，适当的将客户最关注的数据发掘展现出来才是最重要的。

　　我们做展现平台的初衷其实是当时我们团体内部对大屏需求越来越多，如果我们把所有时间都耗费在大屏上，那么我们部门迟早要被拖垮的。但是我们这个展现平台也不是一蹴而就的，它也经历了一段摸索期。

　　图上就是就是展现平台的第一版，大家可以看到它简直丑到没朋友。第一版其实就是一个程序员歪歪用户需求做出来的。它的中间是大屏的编辑器能够选择图表，顶部是操作步骤。虽然它的界面不俏丽但是我们也从中沉淀了很多东西。

　　这个展现平台的应用步骤有四步，第一步是选择模板，第二步是上传数据，第三步是选择图表，第四步是生成屏幕。这四大步骤一直延续到我们最新的产品中。

　　第二版，设计师对产品进行了设计，UI产生了翻天覆地的变更。团体内部有一位大神对我们进行了指导，他认为我们第一版的步骤太繁琐了，用户想要的是所见即所得，说的炫酷一点叫沉浸式编辑器。

　　第三版是去年的六七月份，我们备战双十一的项目。这是DataV可视化平台的雏形版，我们先来看一下大致的样子。

　　▲这个是一个把持台，它可以看到所有的屏幕。

　　▲这是一个屏幕的管理器，我们可以在屏幕的管理器中对布局和组件进行增删操作。

　　▲这是DataV配置组件页。

　　▲这是DataV数据管理器。

　　这个雏形版实际运用到了双十一的项目中，我们先来回想一下双十一到底是怎么样的工作量。

　　2012年，当时的大屏就只有两张屏，有一个折线图和一个平面地球。