犹记得好莱坞大片《摩天营救》中,监控中心的全方位展示屏幕给人印象深刻,而这种立体化大屏幕似乎已成了科幻电影大片的标配。其实,这种逼格很高的镜头就是一个数据可视化大屏。如今在会议展厅、园区管理、城市交通调度中心、企业生产监控等重要场所,数据可视化大屏已经愈加彰显商业价值。

bi 大屏数据可视化 大屏数据可视化模板_数据可视化

网络图片

看起来高大上的东东都是比较难的,我们很多人会下意识地这么认为,这些数据可视化都是一些大神的玩法,自己只能默默地仰望高端大玩家。

的确,对于大多数人来说呢,如果缺乏一定的设计手法,做出来的可视化数据可能只能到达Excel的高度,不过ECharts的推出,开源的普及,让很多程序员都可以做出稍炫的界面,但都需要垒代码、垒代码......对很多来说,入门门槛太高,使用不方便。

现在,有一款数据可视化工具,能够满足我们对炫酷的需求,同时,能够让每一个人都能快速地就完成一个可视化大屏。那就是运用亿信大屏可视化平台-酷屏,套模板分分钟制作出一个炫酷的可视化大屏

嘻嘻,不卖关子了,直奔主题,上教程。

关于酷屏:亿信华辰自主研发的新一代大屏可视化产品,内置近百种组件特效,六十余种风格各异的表格、导航、统计图等组件及SVG特效可供用户选择,展示效果炫酷,可任意制作酷炫灵动的图表和大屏。

http://abi.esensoft.com/

➤复制此链接至pc浏览器可免费试用酷屏

 

01 新建分析表

首先进入ABI分析界面,可以在左树选择主题集或者主题集下的分组右键新建分析表,也可以在上方菜单栏点击新建分析选择酷屏。

bi 大屏数据可视化 大屏数据可视化模板_用户权限_02

 

bi 大屏数据可视化 大屏数据可视化模板_用户权限_03

 

02 选择模板

选择模板时,可以选择空白的模板,也可以选择已有的模板。

除目前已经内置近20种模板外,我们还在不断更新添加更丰富的模板供用户选择。

bi 大屏数据可视化 大屏数据可视化模板_bi 大屏数据可视化_04

 

bi 大屏数据可视化 大屏数据可视化模板_拖拽_05

 

03 拖拽布局

酷屏编辑器下,我们可以通过左侧的导航栏展开HTML组件,现已有上百种内置组件,鼠标悬浮在组件名称上时,可以看到预览效果图,根据自身情况进行选择,将组件拖拽到中间设计区,按页面需要进行布局。

bi 大屏数据可视化 大屏数据可视化模板_拖拽_06

 

04 取数

部分组件需要取数,可以在取数界面,选择已经做好的表格,或导入已存在的表格,然后组件右键选择取数。

bi 大屏数据可视化 大屏数据可视化模板_bi 大屏数据可视化_07

 

bi 大屏数据可视化 大屏数据可视化模板_拖拽_08

 

05 保存

保存后看预览效果。

bi 大屏数据可视化 大屏数据可视化模板_bi 大屏数据可视化_09

 

06 门户管理

下面,我们将酷屏挂在门户中。

进入门户管理,选择酷屏门户,选择酷屏门户模板,将制作好的酷屏报表挂在门户模板中。

bi 大屏数据可视化 大屏数据可视化模板_数据可视化_10

 

bi 大屏数据可视化 大屏数据可视化模板_bi 大屏数据可视化_11

 

07 分配用户权限

点击系统管理,进入用户权限。

bi 大屏数据可视化 大屏数据可视化模板_数据可视化_12

 

 

给用户分配要访问的酷屏门户权限,注意该门户中所包含的酷屏的查看权限也需要进行分配。

bi 大屏数据可视化 大屏数据可视化模板_bi 大屏数据可视化_13

 

bi 大屏数据可视化 大屏数据可视化模板_bi 大屏数据可视化_14

 

权限分配完成后,登录后即可看到效果。

bi 大屏数据可视化 大屏数据可视化模板_拖拽_15

 

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

以上只是一个模板示例,还有更多模板

bi 大屏数据可视化 大屏数据可视化模板_数据可视化_16

 

bi 大屏数据可视化 大屏数据可视化模板_用户权限_17

 

bi 大屏数据可视化 大屏数据可视化模板_用户权限_18

 

bi 大屏数据可视化 大屏数据可视化模板_用户权限_19

 

bi 大屏数据可视化 大屏数据可视化模板_数据可视化_20

 

bi 大屏数据可视化 大屏数据可视化模板_数据可视化_21

 

bi 大屏数据可视化 大屏数据可视化模板_数据可视化_22

 

以上模版都是用已有组件拖拽完成的。

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