大屏设计系列之六：有"屏"有据，阿里双11大屏是怎样炼成的

Posted 2020-09-16

如果您想订阅本博客内容，每天自动发到您的邮箱中， 请点这里

【IT168 专稿】本文根据【2016 第七届中国数据库技术大会】（微信搜索DTCC2014,关注中国数据库技术大会公众号）现场演讲嘉宾染熙老师分享内容整理而成。录音整理及文字编辑[email protected]田晓旭@老鱼。

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

正文：

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

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

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

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

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

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

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

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

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

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

 

阅读全文>>http://www.lanlanwork.com/blog/?post=4279