只需5分钟，零代码复现双十一数据大屏

11月12日凌晨，2020天猫双11落下帷幕，淘宝天猫官方消息，天猫双十一成交额4982亿。媒体报道各不相同，但聚焦的都是4982亿这张照片，它就是天猫双十一向全球提供的唯一窗口--媒体中心的数据大屏。

双十一使用大屏来呈现数据已经有好几年了，历年来所有媒体共同选择这张定格图，似乎也说明了每个人都喜欢它，被它打动。数据大屏，也被称为数据驾驶舱，是一种打破数据隔离，实现指标分析及决策场景落地的管理信息系统。通过数据采集、清洗、分析到直观实时的数据可视化，从而达到高效管理决策升级的作用。当然，数据大屏带给用户的冲击远超过了视觉上的震撼，更多的是一种管理效率的提升、内部激励和品牌炫技。

作为不差钱的金主爸爸，双十一的一个H5都能花费几百到上千万，自然而然，很多人觉得这个数据大屏同样造价不菲且技术难度相当高。这样想，的确没错，用代码开发，需要有足够的人力、财力和技术，耗资不菲，开发时间还漫长。对制作者同样要求较高，必须掌握一定的数据库知识和前端开发技术。

然而，用现成的Banber数据可视化简报平台

无需代码，5分钟就能复现双十一数据大屏！

由Banber制作

（原谅小编的直男审美）

整体来说，这个成交额展示大屏并不复杂，主要是体现设计的功力，背景同样可以上传GIF。唯一需要留意的是随北京时间变化的时刻表以及不断更新的成交额，即使不懂代码，这两点在Banber里实现起来也并不复杂。

将左侧“组件——日期”拖拽到编辑区域，选中“日期”组件，在右侧“格式——时间显示”，点击下拉菜单，选择时分秒的显示格式，即可生成随北京时间变化的时刻表。

再将左侧“图表——单数字矩形图”拖拽到编辑区域，选中“单数字矩形图”，在右侧“样式”中，选择仅展示数字样式。

选中“单数字矩形图”，点击“编辑数据”图标，在弹出的窗口中上传数据表，可上传Excel或连接数据库。随后将数据表中，所需字段拖入“数据”项，并根据需求对数据进行计算。点击“更新设置”按钮，在弹窗中，对数据更新进行设置。即可随着后台数据变化，不断更新成交额。

时间回溯到2015年和2014年，天猫双11更偏向于仪表盘型数据大屏，向全世界展现更多数据的同时，也帮助管理层快速掌握双十一全局，支持高效决策；还能够通过实时数据展示让员工、卖家和买家时刻充满紧迫感。

仪表盘型数据大屏同样可以通过Banber数据可视化简报平台轻松实现，在制作之前，首先需要规划每个版块仪表盘的内容，历年双十一多以6大版块为主，以2015天猫双11为例，大屏规划如下图所示。

合理的版块设计应包含主要指标和次要指标两个层次，主要指标反映核心业务，次要指标用于进一步阐述分析。所以在制作时给予不一样的侧重。

在确定版块后，针对每个版块的内容，选择最合适的可视化图表展现形式。Banber提供柱形图、折线图、饼图、气泡图、树形图、仪表盘、漏斗图、雷达图、热力图等多种图表样式。此外，还包含3000+简报模板、20万+图标、1200+图片素材、500+样式。

对于C位的地图样式，Banber提供包括涟漪地图、涟漪线路地图、填色地图、散点图、热力图、迁徙图等6种格式，还能展现动态效果。无需复杂操作，所有图表仅需简单拖拽，编辑数据和样式。

一个美观的大屏还离不开精细设计，包含：背景色、图表显色、线条、字体样式、动画效果等各个方面。整体背景推荐深色系，当然也可以使用图片。巧妙的使用小元素，如：线框、条纹、动态图片、装饰元素等，可以为整个大屏增色不少，提升层次感。此外，每个版块要和整体背景色系保持一致性，合理地设置透明度（建议10%上下），同样有助于整体效果的提升。

当然这一块对设计和审美的要求较高，Banber同样提供了大量的大屏模板以供参考，图省事可以直接使用模板修改，轻松完成大屏设计。

工具的重要性，远远超过你的想象。即使开发方式、布局方式、交互体验等能力欠缺，也能复现双十一数据大屏。当然，如果真遇到双十一这样大型需求，在数据量支撑、后台响应、实时更新、平台运维等需求，性能肯定有所不足。但无需担心，Banber为有数据量、后台、系统需求的企业级用户，提供更全面的解决方案及后台支持。