电商信息资讯,更全更新信息实报!
主页 > 科技资讯 > > 正文

可视化模板制作教程,可视化ui教程

来源:未知 发布时间:2021-02-22 23:58 标签:
浏览:

讲到可视化大屏展示,终于可以轮到我上场了!

ps:关于如何选择大屏制作工具,我之前在文章里讲过了,大家可以参考不用写代码的可视化大屏,一口气把工具和方法都教给你

其实一般大屏都能用代码开发或现成的可视化工具来实现,用得比较多的就是JS+Ecahrts,但数据量支撑、后台响应、实时更新、平台运维等应该还要调用更多的技术,这方面我不是专家,就不多赘述了。

比较简单快速的方法是用现成的可视化工具,比如FineReport,阿里dataV等等,这里给大家介绍一下FineReport的演示:

首先,FineReport其实是一个报表开发工具,功能强大,基本能满足所有的报表开发需求,它的决策报表模式是专门用来开发可视化大屏、驾驶舱的。FR采用的是交互性的操作界面,低代码开发理念,鼠标点击+拖拽就可以完成图表制作。

比如下面这样的:

1、工程建设指挥大屏:

2、高速监控大屏

3、项目管理大屏

4、银行经营管理大屏

GIF

5、快递业务管理驾驶舱

6、零售业务分析大屏

7、制造业生产作业指标分析

8、销售管理驾驶舱

9、汽车大屏驾驶舱

10、双十一大屏

上面的图应该都是动态的,因为太大了不能展示,可以找我要原图!!!

大屏模板制作教程

将数据库与FineReport连接,定义制作过程要用到的数据集(具体操作可以看官方的帮助文档,节约篇幅我就不讲了),然后新建一张决策报表,从面板上选择你想要使用的图表组件

一张大屏其实就是多个图表组件的集合,通过排版布局,将核心数据放在醒目位置,辅助次要信息核心数据旁。

然后我们按照设计好的大屏布局,在设计器中将对应的图表拖拽到面板的对应位置,再分别定义好数据连接:

GIF

FineReport里面内置了丰富的图表类型,常见的柱形图、条形图、气泡图、散点图等等,还有一些高级的扩展图表插件,比如3D地图、3D动态仪表盘、自动轮播、动画特效等等,提升大屏科技感。

不过对于动效图表的使用,切忌不要过多堆砌,一到两个足以起到画龙点睛的效果,过多使用动态图表和特效会让人觉得眼花缭乱。

基本的图表布局、图表数据连接搞定之后,我们还要对大屏进行配色和细节的优化,让大屏整体视觉统一,美观。

设置大屏背景

大屏建议选择深色,数据展示更加的明显,也容易营造科技感。所有图表的背景颜色也要统一,不能左边红,右边黄,看上去很不协调、分散人的注意力。另外,大屏背景除了使用颜色之外,可也可以用图片或者动态效果背景,效果会更好,官方文档里也提供了很多背景素材:

图表配色设置方法如下:

背景图片的设置方法:选中body,点击属性>样式,选择背景图片,图片格式设置为拉伸:

除了背景之外,我们还可以给大屏增加一些细节点缀,比如给图表加添加边框,添加大屏文字主题、边框、可视化图标等等。

设置方法如下:

最后点击预览,就能查看最终效果了,制作完成的大屏模板还能以链接形式分享给其他人看:

以上的所有可视化都是由FineReport制作

标签:

热门文章

  • 一加9pro预计售价,一加9pro最新消息
    一加9pro预计售价,一加9pro最新消息

    一加9pro预计售价,一加9pro最新消息

    近日,国外曝光了一组一加手机9Pro的真机上手图,照片的可信度还算蛮高的。按照这样的进度节奏的话,我们最快能在春节过后就能看到一加手机9系列的...

  • 德国电信公司解除华为5g覆盖,华为德国
    德国电信公司解除华为5g覆盖,华为德国

    德国电信公司解除华为5g覆盖,华为德国

    众多西方国家里,德国对华为的态度相对友善。无论美国如何暗中“挑事”,德国都在通过自己的判断来决定是否要使用华为设备。在验证了华为设备确实...

  • 索尼最新小屏旗舰,索尼科技感突出旗舰
    索尼最新小屏旗舰,索尼科技感突出旗舰

    索尼最新小屏旗舰,索尼科技感突出旗舰

    众所周知,智能手机的发展已经进入到了一个全新的阶段,得益于制造工艺的进步,智能手机的设计迎来了前所未有的提升。大家都知道,索尼手机是一家...

  • 一加9pro消息,一加9pro最新官网消息
    一加9pro消息,一加9pro最新官网消息

    一加9pro消息,一加9pro最新官网消息

    2月7日消息,国外爆料大神DaveLee曝光了一加9Pro的工程机,站哥的评论是看起来接近量产的版本。看到哈苏的标志,亓纪就知道刘作虎那句“力争做到影像功...

  • 同频天线和双频天线区别,地面波天线与
    同频天线和双频天线区别,地面波天线与

    同频天线和双频天线区别,地面波天线与

    698~960MHz/1710~2700MHz10dBi对数周期天线,N型母头无源天线:为比较简单的金属体,以对数周期天线、平面螺旋天线、盘锥天线、螺锥天线为主。二、谁占据主...