天猫双十一数字大屏_2019最赞的大屏可视化,一定是这款双十一的酷屏

听说今年双十一1个小时3分59秒破了2015年整天的营业额,听说双十一的营业额最终停在2684亿元。

每一年,天猫双十一的数字都在刷新世界的期待。今年双十一,仅天猫一家,96秒就破了100亿销售大关,一张大屏,一串数字,让所有人都激动万分,这就是大屏的魅力。

dee190030665e1e4e8c52ae52244d21d.png

图:2019年双十一大屏

425f6cdaeb7c04bf35aba234d94855a5.png

图:2018年双十一大屏

0e111e583832075b87447e781bbcb610.png

图:2015年双十一大屏

33b99d056857ec4cd91be4a637483afe.png

图:2014年双十一大屏

那问题来了:

做大屏要学多久?——一周、一个月、半年还是一年?

要掌握多少技能?——Python、R语言、Echart、还有各种各样的可视化工具?

答案是:一小时+酷屏=超炫大屏。酷屏是亿信华辰专为以大屏为主要载体的数据可视化需求而研发的。该产品具有极强的扩展性和灵活性,可根据客户的业务需要和应用场景进行定制化的设计。只有你想不到,没有酷屏做不到。


下面,我们就来实际动手制作一个炫酷大屏,用于展示某监控中心的服务器和内存使用情况。

准备素材:基础数据(监控中心数据.xls)+酷屏软件

01导入数据

首先,当然是要先打开我们的酷屏软件,没有安装的话,进入亿信华辰官网,即可线上免费体验亿信ABI

3cbfdcb6f156741718685757191c5857.gif

软件支持百余种数据源接入,这里点击文件数据源,选择我们需要《监控中心数据.xls》,点击保存就完成了数据导入工作。

02设计布局

完成数据导入之后,就可以进行大屏的制作了。首先是设计布局,一般来说,上方放标题,中间放主图,这样能让观看者直接了解到当前要展示的主题,主体周围再展示具体的指标。

根据这个设想,我们先设置一个背景图片,然后在正上方拖入一个富文本写标题,接着在两边拖入四个容器占位,完成基本框架的摆放后效果如下:

1650b80dfbd8191c46e4fa239629aec8.png

03选择主题

选择合适的主图拖到中间空白区域。主图一般要求大方醒目,酷屏内置有数十种针对光感和动效的组件,大家可以在其中进行选择。

37774ebac40c8f89bb229468d6d0b450.png

04选择统计图

选择合适的统计图来展现具体的指标,并拖入相对应的容器中。酷屏内置有近百种炫酷夺目的组件,并且在持续更新,本次示例我们选用的是发光柱状图、面积图、光感旋转排名和光感环形跑道图。

a16790410c3e6354acb78bfed1e134c0.png

05设计取数

取数之前,普及一个概念:在右边看到 "代码","设计","取数" 三个按钮,三个按钮对应三个不同界面,为了方便叙述,我将其称为"代码态","设计态","取数态"。

上面的操作我们都在设计态,这次切换到取数态制作表格,并完成统计图的取数。

0d82e440578afdbb6a1dd82c3f6985d4.png

上图表格中的数据就是需要进行展示的指标。切回到设计态,右键组件,点击小手图标完成取数。

f2d1596241164480d3cec7d1c6a19911.png

06细节调整

基本操作都完成后,我们可以对组件大小、位置、样式等细节进行调整,从而让呈现效果更加完美。

至此,一个酷屏就制作完成了!我们来看一下预览效果:

96199f2d0714de5c1a5e40f3a8f8a342.gif

07效果图展示

通过上述方法,还可以做出很多效果炸裂的可视化大屏。下面就秀一波,利用亿信酷屏现有组件完成的可视化大屏。

cdfdaa21d225b9ad341f3cf0c6187d51.gif
2df69e46c6c4faeaf376795908dc8243.png
5da3e7b2f145ca1574e3d149bcacac35.gif

通过今天的实例讲解,制作一个令人惊喜的报表是不是没有想象中的复杂呢?这次全部的操作,只有拖、拉、拽和取数,简直不要太简单。

当然,有的小伙伴可能会说,这次大屏制作全都是利用的现有组件,所以做得这么快。但是,要知道酷屏内置百余种组件,基本覆盖日常图表需求。

此外,酷屏充分考虑开发人员的使用习惯,提供丰富的二次开发接口,开发人员可按自身需求对产品进行优化、改造。当内置组件无法满足可视化效果时,可快速基于已有组件接口进行扩展,甚至自定义需要的可视化组件。

a89588e9bd5782e71111dcb648ca71d6.png
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值