关于数据分析:大屏制作-完成一个美观大屏到底多简单四步搞定

36次阅读

共计 1217 个字符,预计需要花费 4 分钟才能阅读完成。

作为一名大屏开发人员,尽管之前把大屏的筹备工作都做好了,万事俱备只欠制作,然而常常会“卡”在大屏制作上,花了很长时间都做不出令人满意的大屏!

那如何能力轻松高效地制作出一张炫酷好看的大屏呢?通过 Smartbi 大屏可视化即可实现,明天小麦带你一探到底。

以“地产投资剖析平台”大屏为例,本来制作这样的大屏往往须要消耗几天的工夫,当初咱们只有花 1 小时进行组件复用和布局,而后再用 1 小时左右去调整细节,制作一个炫酷好看的大屏只需 2 小时就能够齐全搞定!此外,大屏中包含的酷炫动态效果,无需写任何代码,应用“组件模板 + 组件设置”性能即可轻松搞定。

上面,咱们来看一下上述大屏的具体实现步骤:

壹、增加背景图片

在主题 > 仪表盘 > 背景中上传曾经设计好的背景图片,实现大屏背景的设置。

贰、增加组件

V10.5 版本内置丰盛好看的组件模板(具体理解点这里),因而,大屏中很多组件只须要从模板中间接复用再替换数据源即可实现。

接下来,咱们重点介绍大屏中是如何实现轮播地图、动静饼图、表格滚动等性能:

1、轮播地图

轮播地图包含我的项目个数、结算利润、可售区域货值三个页签,这三个页签领有雷同类型和款式的组件组合,然而这三个页签须要展现的数据并不相同。

首先,咱们拖拽页签组件到对应的区域,并设置上述三个页签。

而后,咱们制作【我的项目个数】页签内容。咱们关上模板资源,别离抉择适合的地图模板、横条图模板和指标卡模板,复制粘贴至对应区域,并设置【我的项目个数】页签绑定这些组件模板。

接着,通过“替换数据起源”性能疾速把组件模板的数据一键替换成新的数据起源。

最初,咱们选中【我的项目个数】页签的 3 个组件,疾速复制到【结算利润】【可售区域货值】页签中,替换数据指标,并绑定到对应页签即可。

2、环形进度图

除了通过上述复制粘贴的形式实现组件模板复用,咱们还能通过拖拽的形式来实现该。点击【组件】→【资源】,抉择模板资源中对应的环形进度图,拖拽到编辑界面,而后同样替换数据起源即可。

3、表格滚动

表格滚动成果通常用于解决表格数据显示不全的问题,Smartbi 大屏可视化反对间接设置表格滚动成果。如下图,咱们增加表格组件并关联数据后,间接通过组件设置开启滚动成果即可。

叁、精准布局

底图里曾经提前设置好各个组件的地位,大屏可视化反对依照底图要求自定义设置组件像素,并反对对多个组件疾速设置对齐和布局的形式,同时提供了多种布局的小工具,如自定义参考线、PPT 式智能参考线等,帮忙开发人员在大屏制作中能精准排版、疾速布局。同时咱们还反对鹰眼性能,让开发人员随时领有全局视角。

肆、细节调整

大屏整体设计实现后,不可避免地须要进行一些细节的调整,除了惯例的字体色彩、大小、对齐以外,还有一些组件属性的细节调整。

从以上示例的制作过程来看,应用 Smartbi 大屏可视化来进行大屏制作,本来须要较长时间能力实现的大屏,当初仅需几个小时即可搞定,效率的确大大晋升,而且全程无代码,轻松搞定,堪称可视化大屏制作利器!

正文完
 0