今天我们来一篇demo实例来讲述如何用finereport制作一个合格的大屏demo。

按照文章中所言的几种常见排布方式:

以上是几种常见的大屏排布方式,依据各个大屏模板所需要展示的具体信息我们可以自行选择,需要注意的点就是需要有重点信息,有辅助信息,重点信息重点展示,辅助信息用来辅描述重点信息。

这边根据实际情况了解 ,需要展示信息等,于是构想出了如下图所示的分布图

样式构思完毕之后 ,就需要考虑在帆软众多的图表库中挑选合适的图表来展示相应的信息了

这些图表在设计器中所在的位置

假如这些内置的图表还不够使用的话,帆软还有插件商城可以使用:

按照我们定下来的图表展示,我们导入我们所需要的数据。

当把所有的图表数据添加完成之后我们可以按照自己的喜好,结合整个大屏需要展示的情景,给不同的图表单独设置系列颜色,标签大小,字体颜色,图例位置。

这是导入数据之后,略微调整细节之后的界面。

这时候按照我们的图表展示的安排,地图上配色只能大概的区分市场潜力等级,而不能完全展示,需要用到我们的图表联动功能,这样才能够更加准确的展示我们地图上面的信息。图表联动功能由参数实现。

同时部分数据由于是平均数,数据库数据实时刷新,这时候可以开启我们图表的监控刷新功能,实时监控我们的数据更新。

至此这个大屏大体图表的使用就完成了,按照我们之前的制作图表安排 我们还需要制作几个报表块用来展示一些样式的详细信息,在报表块中我们可以使用一些图片来代替,使得整个页面更加美观耐看。

同理,针对这些实时刷新的数据,一样可以开启报表快的监控刷新,让实时数据简单明了的能够被观察到。

至此我们已经完成了整体的设计,需要完成最后一步,给每个图表添加标题说明,以及按照我们的设计理念,增加边框样式,凸出设计的重点。最后我们的大屏成品就制作完成了。

了解更多

如何制作一个可视化大屏模板相关推荐

  1. 10张精美可视化大屏模板分享,加极简制作攻略!抓紧收藏

    这两年随着大数据的发展,数据可视化大屏项目渐渐从原来的政府企事单位逐渐应用到了企业端,从事数据行业这么多年,我也参与过不少大屏项目的开发,也感知到了企业大屏需求的不断变化. 两年前,大家都喜欢用&qu ...

  2. 整理30份酷炫可视化大屏模板,一个代码不用敲,半天学不会来找我

    整理了30张酷炫且使用频率极高的的可视化大屏模板,下载后可直接套用更改数据,涉及地产.制造.物流等10个行业,项目.人资.客户经理.销售等职业.获取方式在文末,可自行获取. 1.年终总结大屏-项目 适 ...

  3. js大屏导出图片_整理了30个实用可视化大屏模板,附源文件+工具

    最近新接手了一个大屏项目,从前期的调研需求到原型设计再到模型开发,前前后后折腾了大半个月,这个过程中也踩了不少坑,深感大屏项目开发的不易(领导要求实在是太高),也借此把我之前收集的可视化大屏模板分享给 ...

  4. 熬夜整理了10个行业的40份可视化大屏模板,可直接拿走套用

    前段时间,一个做零售行业的朋友找到我,说最近快要过年了,大家都开始囤货,网店里的订单量开始暴增,数据太多,用Excel来处理实在太卡顿,所以想要我帮他做个这样的可视化大屏,让店铺的销售额和订单量能够实 ...

  5. 别再用代码开发了,整理了30套实用可视化大屏模板,无套路直接领

    很多人在看到可视化大屏后,第一反应都是很酷炫,大屏图表比表格看起来清晰明了多了,但下一秒就以为制作成本很大,要写复杂代码,所以很多人在看完大屏后,就望而却步了. 但这都是信息差所带来的行业壁垒,其实不 ...

  6. 整理了10个行业的30份可视化大屏模板,可直接拿走套用

    前段时间,一个做服装电商行业的朋友找到我,说最近双11,店里的订单量开始暴增,数据太多,用Excel来处理实在太卡顿,无法很好处理他们店里的数据,所以想要我帮他做个像下面的这种可视化大屏,让店铺的销售 ...

  7. 如何制作数据可视化大屏

    这两年,数据可视化大屏在数据报告中的占比越来越大,企业和政府会更倾向于选择炫酷大屏进行数据分析展示.炫酷大屏不仅能实时监控重点数据,提高决策效率,放在公司会议室,展台等地方,还能提升公司形象. 作为一 ...

  8. PywebIO 轻松制作一个数据大屏,代码只需100行

    今天我给大家分享一个制作数据大屏的工具,非常的好用,100行的Python代码就可以制作出来一个完整的数据大屏,并且代码的逻辑非常容易理解. PywebIO介绍 Python当中的PywebIO模块可 ...

  9. 数据可视化之设计经验分享:轻松三步教你学会制作数据可视化大屏思路

    当看到屏幕上一个个炫酷,具有科技感的数据大屏时,很多人都会好奇这是怎么做出来的.自己在制作大屏时明明按着需求做了,可是做出来后总是觉得画面不好看,不够炫,感觉很糟糕. 那要如何才能设计那样的数据可视化 ...

最新文章

  1. Python递归获取文件夹下面所有文件名字:
  2. Nginx日志格式设置
  3. TabControl控件和TabPage
  4. AMESim R14 运行时出现许可证错误
  5. 求细胞数量pascal题解
  6. Qt Creator管理会议
  7. 【C语言】利用二维数组输出成绩
  8. pitr 原理_PostgeSQL 数据库备份与恢复实验 (PITR)
  9. WPF中应用字体图标
  10. Java selenium和python_c#和Java和python设置selenium超时时间
  11. Jenkins配置ansible
  12. 服务器bios 虚拟化,hp服务器bios开启虚拟化(hp主板开启虚拟化)
  13. 云计算之存储即服务 - 存储区域网络(SAN)
  14. 如何调节pycharm字体大小
  15. 金蝶云星空总账-基础设置
  16. 上传截断_文件上传路径截断实例
  17. 网线直接接电脑可以上网,但是接到无线路由器上,就不能上网了
  18. 阿里云轻量云服务器部署java项目
  19. Dynamic OCT 和 Dynamic ODT 详细说明
  20. 当服务器启动双网卡模式时如何配置OE?

热门文章

  1. OpenBlas编译方法
  2. mysql pager cat_MySQL 操作命令梳理(3)-pager
  3. CTU Open Contest 2019
  4. anaconda卡在Adding feature channels解决办法
  5. stm32成长记之滴答时钟
  6. 建议收藏:彻底弄懂常见的几种概率分布
  7. MATLAB中的prod函数
  8. API是什么?API文档是什么?API和API文档有什么区别?
  9. CS231n 2019 Spring
  10. 使用zed相机录制视频