大屏_大屏展示 - CSDN
精华内容
参与话题
  • 10款可视化大屏特效,酷炫又内涵!

    万次阅读 2018-12-11 15:13:15
    关于可视化数据大屏,之前已经讲了好多好多了,从大屏设计规范到大屏制作技巧、学习视频等等,我们做了很多的经验分享。 但还远远不够,用户始终在提出更高的要求,其中最重要的一点便是“更酷炫”。 但这里涉及到...

    关于可视化数据大屏,之前已经讲了好多好多了,从大屏设计规范到大屏制作技巧、学习视频等等,我们做了很多的经验分享。

    但还远远不够,用户始终在提出更高的要求,其中最重要的一点便是“更酷炫”。

    但这里涉及到两方面难题:

    一是诸如“好看”、“酷炫”这样的形容词,本身是很难定义清楚其范畴的,毕竟萝卜青菜各有所爱。

    二是酷炫的度如何把握,在耍酷与数据价值之间如何平衡。

    我们所见过许多眼花缭乱的效果,用华丽的视效堆叠起来博人眼球,然而经不起业务价值的推敲。从产品理念出发,我们不希望把用户带向一个歧途,始终希望“让数据成为生产力,”“数据之美”应该绽放在“数据价值体现”的基础上;在此基础上,我们也希望能提供更适用于各种普世场景下的产品,能够尽可能满足更多用户的大屏需求。

    那么,到底该如何恰当的提供能包容多数人需要,同时又符合数据价值的“更酷炫”效果呢?

    我们做了大量的用户调研,得出几个有意思的结论:

    1、关注数据大屏的用户年龄段非常均衡,在20-40岁以每5个年龄作为一个区间,不同区间的占比高度接近。意味着数据大屏的设计应当具有很高的包容性,风格不可偏向性过重。

    2、关于“科技酷炫”和“简约直观”的偏好调查中,用户重合度接近60%,也就是说大多数用户在两类风格间徘徊。

    3、关于“科技炫酷”,绝大多数用户的选择特征是“蓝绿色系、动态效果、灵活多变”,可以理解为对色系和动态效果的要求是大屏的核心需求之一。

    基于此,我们在FineReport 10.0中设计了新的大屏可视化效果,总计10个大屏3D特效、15种动态加载效果,在技能满足酷炫的同事又能醒目的体现数据价值。

    新的可视化大屏图表,默认采用深色背景+荧光配色,符合浸入式的大屏体验;并根据图表类型和数据要求提供 '轮播'或'刷新'两种动画形式,满足用户不同场景下的业务需求。

    同时我们还基于webgl等技术,对动画不断优化调整,为用户尽量提供简洁且酷炫的动态效果。

    如下是部分大屏可视化的效果!

    3D特效组件

    全新设计的轮播gis点地图,根据用户预先录入数据,按序播放各个地理点的相关信息,3D视角和跳转动画如同身临其境。

    (忽略图中错误的地理信息,只看效果)

    10款可视化大屏特效,酷炫又内涵!

     

    10款可视化大屏特效,酷炫又内涵!

     

    10款可视化大屏特效,酷炫又内涵!

     

    10款可视化大屏特效,酷炫又内涵!

     

    新增加的指标卡,提供多种可选效果,如轮播、粒子技术器等,以'酷炫'和'简洁'的方式展示最基础的数据。

    10款可视化大屏特效,酷炫又内涵!

     

    10款可视化大屏特效,酷炫又内涵!

     

    10款可视化大屏特效,酷炫又内涵!

     

    10款可视化大屏特效,酷炫又内涵!

     

    当然,很多效果这里不一一枚举~

    动态加载效果

    可视化的酷炫,除了图表本身,动态效果也很重要。我们对大屏布局中各个组件的动态效果也做了改进,新增了15种动态加载特效,简单来个GIF先睹为快:

    10款可视化大屏特效,酷炫又内涵!

     

    10款可视化大屏特效,酷炫又内涵!

     

    通过组件加载动效,让每个组件模块舞动起来,让整个大屏界面化静为动。更为重要的一点是,组件加载动效可以与我们的监控刷新功能相结合。从原始数据哪里来、过时数据往那里去到新数据怎么进来,兼顾整个闭环的良好体验。

    初始 -> 加载动效->判断数据过时 -> 消失动效 -> 动效完成 -> 获取新数据

    10款可视化大屏特效,酷炫又内涵!

     

    怎么样,是不是很有意思呢?

    不要着急,大家可以自己下载FineReport 10.0体验啦!

    戳这里看看吧

    展开全文
  • 可视化大数据大屏设计

    千次阅读 2019-10-23 09:15:14
    可视化大数据大屏设计一、如何做好一款大屏1.1工具的选择帆软报表工具Finereport1.2大屏设计通用的大屏设计原则1、大屏指标在8-12个为宜2、比率类、数字类和子部分布类指标要合理布局3、时间序列指标、文本指标不可...



    参考相关博文链接:
    yuanziok
    可视化越做越丑?这五个高级图表效果能瞬间抬升你的逼格



    一、如何做好一款大屏

    1.1工具的选择

    帆软报表工具Finereport

    目前国内报表软件领域发展最成熟也是市场份额最高的。

    Finereport可以解决哪些问题:

    • 市场环境和业务需求多变,无法快速满足变化的报表需求
    • 传统SQL+Excel 的方式整合数据做报表,效率低准确性差
    • 业务系统数据过于分散形成数据孤岛,难以有效利用
    • 缺乏统一的报表工具管理门户,无法形成全局数据视野,辅助决策

    优势:
    (1)报表设计:

    • 类Excel的设计模式,大降低了学习成本,会使用excel,基本上就会使用FineReport。支持多SHEET和跨SHEET计算,完美兼容EXCEL公式,用户可以所见即所得的设计出任意复杂的表样,轻松实现中国式复杂报表
    • 普通模板设计,此者最常用。依靠着单元格的扩展与父子格的关系来实现模板效果,可进行参数查询,填报报表,图表设计,比如交叉报表、行式报表、分组报表等
    • 聚合报表设计,适用于一张模板中显示多个独立模块的报表,几个报表块汇总在一起的复杂报表

    在这里插入图片描述

    (2)数据处理:

    • Sql可视化语句编辑,报表工具开发人员不需要一行一行写SQL,只需要通过简单的拖拽,就可以生成SQL语句
    • 零代码开发,尤其数据字典、实际值和显示值等的设计更是切入快速开发的要害,这些放在别的语言和体系下往往要大量代码才能实现且频繁需要的功能放在finereport里却只是几个操作的事情
    • 数据填报功能,避免了excel收集数据混乱,还能开发各种各样的流程表单
    • 支持多种数据库数据源:包括Oracle,SqlServer,MySql,DB2,Sybase,Informix等主流的关系型数据库;支持SQL取数据表或视图,亦支持存储过程

    (3)数据展现:

    这在Finereport中被称作决策报表设计,也是dashboard,用于弥补普通报表工具分页预览不能展示控件的问题。同时表单可以进行自由拖拽设计,自适应页面大小显示,自由制作驾驶舱可以更好的在各种大小类型的屏幕上展示,包括移动端、可视化大屏,Finereport做大屏有先天开发优势。
    在这里插入图片描述

    在这里插入图片描述

    1.2大屏设计

    通用的大屏设计原则

    一个大屏的设计主要可以分为两块,一个是数据指标的选用,一个是与这些指标对应的组件的使用。
    在这里插入图片描述

    其中我们首先要明确要分析的指标有哪些:

    • 比率类指标:指两个值相除后的指标,如销售额完成率,产品达标率等。
    • 时间序列类指标:指按照时间粒度排序的指标,如分月销售额统计等。
    • 数字总计类指标:表现形式为一个总的数字,如销售总额,用户总量等。
    • 文本类指标:这一类是以纯文本展示的指标,如词云图,人员名单等。
    • 子部分布类指标:这一类指标是指将一个主要指标按照不同地区,不同分公司,不同产品线等子部分布展示的指标,如地图和各分公司销售额分布图等。

    明确了指标之后,就要选择这些指标对应的组件,一般来说要遵循下面几个原则:

    1、大屏指标在8-12个为宜

    在这里插入图片描述

    大屏上的展示空间是有限的,我们不能将所有的数据都堆到大屏中,领导想要看到的也只是一些关键数据,因为大屏上的指标数量最好在8到12个之间,这也是数据指标数量的主流配置,这个数量的时候,大屏整体看起来不空也不挤。

    少于8个的话,大屏就会显得空旷,而且也不经济;多于12个的话,这么多的数据指标挤在在一个张大屏上,要做到井然有序,确实很考验设计者的功力。

    但是如果数据指标真的很多,实在是不能删减,那么我建议使用报表块,将这些数据整合到一起。这样,多个数据指标就可以在一个报表里面展现出来,不用占用很多空间。比如像下面这样:

    在这里插入图片描述

    2、比率类、数字类和子部分布类指标要合理布局

    比率类、数字总计类和子部分布类指标就像食物中的碳水化合物、脂肪和蛋白质,既要保证摄入量,也要营养均衡。

    比率,数字总计和子部分布这三类指标在每张大屏中几乎必然出现,并且出现的次数也很多,次数分布也比较均匀,究其原因是这样的:

    一般大屏都需要有数字总计类的指标,而且往往是核心指标,这样方便领导知道核心指标目前的总体状况。但是仅仅一个数字并不能反映出当前指标的完成情况,所以也需要有比率指标,它反映了部分占总体的占比。

    在这里插入图片描述

    另外,比率也只能体现一个占比情况,要想知道总计类指标的各个组成部分的具体情况,还需要子部分布类指标,例如用地图展示出全国营业额中各个地区的营业额情况。

    所以大家要善用这三类指标,都要有,而且数量要均衡。

    3、时间序列指标、文本指标不可过量

    时间序列类指标和文本类指标就像食物里的微量元素,是必须摄入的营养,但是不可过量。

    对于文本类的指标,因为领导们看大屏就是想摆脱枯燥的传统表格类报表,如果在大屏上还是大量出现,领导肯定是要发火的。

    在这里插入图片描述

    而时间序列指标的出现概率甚至跟数字总计类指标的概率一样,这是因为时间序列类的指标可以反应某个数据随着时间变化的趋势,这是相当直观而有意义的。不过,虽然我们可以通过季度,月度和日这些不同的粒度将一个数据指标用多个图表展示,但是这样并没有意义,选择最合适的一个粒度就好,多了没有必要。

    4、高频组件尽量减少重复

    报表块、饼图、柱形图、仪表盘、折线图、条形图和地图这几个组件出现的频率都非常高,可以说是大屏图表组件里面的常规武器了。

    很多同学可能都觉得这些组件大家都用烂啦,这有什么可说的啊?

    我本来也这样以为,但是看完了所有的这些经典大屏后,我发现自己还是tooyoung,too simple!原来这些常见的组件也可以千变万化,玩出花来,比如地图可是是这种:
    在这里插入图片描述

    仪表盘也可以做成这种:
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

    5、使用3D效果

    通过设计师设计的图片作为背景来拓宽图表样式,实现3D柱形图、3D圆环图等效果,设计师设计自定义图片,图片为具有一定特效的图表,把数据去掉。

    或者,可以通过上文提到的报表块叠加,将图片作为底层背景,上层叠加数据,即可实现自制图表效果。

    在这里插入图片描述

    在这里插入图片描述

    6、自定义地图

    通过自定义图片作为地图背景,重新描点形成json文件,实现地图的3D倾斜效果。

    • 设计师设计自定义地图,输出地图图片(压缩到1M以内最好,不然加载太慢)
    • 设计器点击服务器->地图数据,进入地图编辑页面,自建自定义地图,放入压缩好的图片
    • 对地图描点,根据实际业务情况描点(可按省份描也可按大区描)
    • 保存json文件,重启设计器即可在地图图层中选到自定义地图。

    在这里插入图片描述

    二、大屏Demo

    大屏Demo及优秀作品展示,请转阅至我的花瓣:百度搜索:爱是与世界平行,(花瓣),然后在画板中找到网页设计,企业网站。

    优秀大屏Demo链接:大屏Demo

    海量大屏demo:点击访问:海量优秀大屏demo效果图
    在这里插入图片描述

    2.1

    在这里插入图片描述

    2.2

    在这里插入图片描述

    2.3

    在这里插入图片描述

    展开全文
  • 大屏数据可视化demo

    2019-03-22 16:00:32
    大屏数据可视化案例;大数据可视化案例;供大家学习使用。
  • 大屏展示Demo

    2018-11-28 10:57:53
    采用echarts +jquery +css 做的Demo演示 希望有助于学习的朋友
  • 大屏可视化解决方案

    万次阅读 2018-09-28 10:14:10
    大屏可视化需求,从 2015 年 2016 年,突然之间就成了 BI 项目,数据可视化项目需求列表的中的常见需求项,那什么是大屏呢,和我们原先的 DashBaord,有什么区别呢 我们先来看一下什么是大屏 这个场景,就是我们...

     

    大屏的前世今生

    作为一个 BI 行业人,我们对 DashBaord,领导驾驶舱,仪表盘等概念都非常熟悉,然而忽如一夜春风来,客户都用起大屏来

    大屏可视化需求,从 2015 年 2016 年,突然之间就成了 BI 项目,数据可视化项目需求列表的中的常见需求项,那什么是大屏呢,和我们原先的 DashBaord,有什么区别呢

    我们先来看一下什么是大屏

    imagepng

    这个场景,就是我们很多人概念中最原始的大屏情景,是在电视,电脑中看到的一些大型国家机构使用大屏的场景,比如航天部门发射火箭的时候,这就是大屏,只不过这个大屏和我们的行业当时还没有产生太多交集,我们当然也不会去过多了解

    随着信息化建设的快速发展,可视化需求越来越高,硬件技术也越来越成熟,大屏开始慢慢普及,不再是大型的国家单位才可以用,才用的起,很多原先只能在 pc 上看单屏 DashBaord 的企业,单位,也可以用得起大屏,也需要用大屏了

    而且在大数据时代来领后,大屏显示系统也不再单单作为显示工具,只是将图像、数据信号传输到大屏幕上显示给用户,而是需要对海量的数据信息进行高效率的分析,实现硬件搭载软件的完美结合,帮助管理者发现数据背后的关系和规律,为决策提供依据

    于是 大屏可视化在 2015 年之后,逐渐进入了很多客户的项目需求单中

    讲到这里,大家应该明白了,大屏,其实就是我们原先的 DashBaord 或者是 DashBaord 的放大版,从一屏到多屏的扩展衔接,展现更多的数据,对业务价值,数据价值更全景,更深入的挖掘分析和展现

    润乾如何做大屏

    润乾作为一家老牌 BI 厂商,DashBaord 时代我们可以做 DashBaord,大屏时代我们也可以做大屏

    什么版本可以做,多少钱?

    5000 一套的普通报表就可以做!!! 现在加入润乾 818 推出的新优惠政策好多乾,还能享受更多的优惠和给自己的奖金

    如何做?

    方法一:用报表的 DashBaord 功能做

    多适用于一屏之内的展示,可以很好的自适应屏幕,可以支持文本,表格,统计图等,可以联动钻取

    imagepng

    优势:灵活的调整布局 可联动

    不足:不支持复杂的组件,比如单个组件内的 tab 切换

    我们来看几张润乾做的单屏 DashBaord

    imagepng

    imagepng

    imagepng

    这些都是我们没有美工背景的工程师,也没有美工协助下做出来的,基本可以打 70 分,如果您有美工协助帮忙定义样式颜色,自己画一个 90 分的 DashBaord 是完全没问题的

    方法二:自定义页面制作

    适用于超宽超高的大屏,组件功能比较复杂,页面布局要求比较精细的场景

    优势:基本所有的功能和需求都能满足,背景色,视频,联动,tab 切换等

    不足:更多的需要页面和美工开发人员来一起做

    先来看几个润乾的合作伙伴们用润乾报表做的大屏效果

    imagepng

    imagepng

    imagepng

    imagepng

    imagepng

    imagepng

    imagepng

    imagepng

    imagepng

    是不是很酷炫??

    再来看一下自定义页面大致是怎么做的,我们用一个小伙伴的简单案例来说明(篇幅有限,只能精简的去写了)

    案例为台达台湾桃园研发中心的监控屏幕,大屏幕一年 365 天都在实时更新着整个建筑各个区域的温度、耗电量、工作状态,并将所有数据实时收集并传递到大楼内的台达触控式人机界面和展示厅中控墙上。管理者可以实时了解到建筑内各个设备的运作状态,比如月中或月末通过系统生成的数据和图表,了解不同区域灯光或其他电子设备的耗电量,管理人员可以对耗能过大的设备进行控制,使其在总能耗的范围内合理配置能耗资源。

    解决方案

    1. 步骤 1:业务专家制定大屏内容显示方案

    工作内容:首先根据业务场景抽取关键指标,然后定义分析指标的维度,最后定义指标的统计图类型和页面划分。

    1. 步骤 2:美工设计整体布局

    工作内容:根据业务专家划分的页面进行指标布局,根据用户要求的色系进行样图设计, 根据最终用户定稿的样图进行切图。

    1. 步骤 3: H5 开发人员进行页面开发

    工作内容:用切好的图结合 css 制作网页模板,每个指标的位置用 iframe 引入统计图图片。

    1. 步骤 4:报表工程师制作报表并嵌入页面

    工作内容:根据各统计图制作报表,将调用报表的 url 替换到每个指标的 iframe 中,最后集成后整体细节调整与优化。

    一个多屏的大屏方案到此实施完成

    澄清!澄清!再澄清

    做一个大屏类似一个小项目,以上说的是通过润乾的产品,结合合作伙伴的实施团队以及终端用户的业务专家我们可以实现大屏需求的快速交付,而且利用润乾的新大数据计算工具,我们可以把项目中已经存在和可能存在的性能隐患点和数据计算处理难题都帮客户一次性解决了

    如果您也有的这样的大屏需求,可以购买报表工具去自己做一个出来,也可以找我们销售给您推荐几个我们的小伙伴去给您做,整体下来,相信成本会远远低于您的预算,惊喜则会远远超出您的预期

    润乾更大的优势

    就这样,润乾在报表软件的成本上帮客户省一大笔银子,然后润乾的优势远不止于此!!!

    对!!!写到这里,才到了本文的重点

    大屏背后的复杂数据处理,大数据背景下的计算性能如何保证,更应该是一个大屏需求里最应该关注的指标

    从上面的大屏制作过程可以看出,一个大屏要做的炫,更多的是美工和页面的活,项目组有美工和页面人员配合就可以搞定,如果大屏要算的快,就是个技术活了,不是一般的厂商可以搞得定的了,需要看计算引擎强不强了,而大数据年代的的大屏需求,恰恰是一个更注重性能,更注重效率的场景需求

    润乾不仅仅是一家坚持了 16 年的 BI 厂商,更是一家一直追求卓越技术的厂商。这么多年来,润乾技术好,性能好的印象更是深深的扎根在了我们的广大合作伙伴,集成商客户的心里

    笔者来自润乾的技术支持团队,这两年中就接到了很多用户的求助,来求助的问题大致分为上面说的两类

    一:大屏的数据来源太复杂

    二:大屏的性能有问题

    我们找两个故事来看看这两个问题

    故事一 解决数据来源复杂的问题

    来自于一个石 - 油 - 行 - 业合作伙伴,他 - 们 - 的大屏要展现
    l 数据仓库的历史数据

    l excel 文件中的文本记录

    l 实时工业数据库中的数据

    l 其他业务系统中的以接口形式提供的数据

    l 钻井钻头传感器发回来的 json 实时信息

    r
    同时要从这么多数据来源中取数,并且还要做关联计算,让客户很头疼,大屏的页面他们已经设计好,做好了,但是数据却取不上来,因为按传统的解决方法,客户需要:

    l 用到 ETL 工具先抽取清 - 洗 DW 中的数据

    l 需要把文本文件导入到数据库中赋予他们计算能力才能计算

    l 需要开发对接工业数据库的接 - 口

    l 需要写很多的代码才能解析系统接口和 json 数据

    实现起来太困难

    作为合作了很多年的老合作伙伴,他们觉得润乾一直以来协助他们解决了很多难题,自然他们就又把这个难题反馈给了我们

    我们给客户提供的解决方案是,使用润乾的大数据计算工具 --- 集算器

    集算器除了关系型数据,还提供了大量非关系型数据接口,可直接访问 Hive、MongoDB、、Hbase、SPARK、redis、阿里云 OTS,也包括麦杰等工业数据,也能直接解析半结构化数据,比如 excel xml html txt json webservice 等,同时集算器还有强大的计算能力,客户用了集算器后,问题也就都迎刃而解了

    故事二 解决性能的问题

    来自于一个电信行业的合作伙伴,他们的大屏是要给领导统计历史的各项数据指标,悬和酷都不是问题,美工多调调就可以,但是因为数据量太大而引发的性能问题,他们挠头了很久也没能解决,也是在一次交流中,他们把难题发给了我们

    确实,电信行业的数据量太多太杂了,

    l 有些取数慢

    l 有些算的慢

    l 有些算的太多卡死

    l 有些数据库压力太大不让占资源算

    l 有些算法太复杂 DBA 表示他也不会写 sql 了

    l 单机压力大,规模又不到用 hadoop 的程度,大数据工程师人员成本还高

    以至于客户怕出这些问题,有些指标项竟然用了写死的假数据,让大屏的真实性大打折扣

    我们给客户提供的方案仍然是大数据计算工具 --- 集算器

    l 分段取数解决数据库 JDBC 取数的瓶颈

    l 多线程并行计算,更高效的利用硬件资源,算的更快

    l 游标技术分批计算数据避免大数据量一次性读取和计算导致内存溢出

    l 压缩存储二进制文件库外计算,解决历史数据过多占用数据库资源的问题

    l 分步、有序计算更符合人的自然思维,可以轻松写出 sql 写不出或者很复杂的计算语句

    l 集群分布计算解决单机性能瓶颈,更适合小型集群场景,学习成本及人员成本也低

    客户试用集算器后,性能有了很大的提升,最后这位客户大屏用的友商的方案,后台的计算用了润乾的集算器引擎,我们也愿意为更多的友商项目提供性能方面的技术支撑,共同成功

    结案陈词

    确实是的,大数据背景下的大屏,酷炫和性能是相伴相生的,不管酷炫谁来为您解决,您都可以记住,润乾是为您解决性能问题的专家

    关于更多集算器的内容,请您到润乾官网了解,最好找个售前和您好好聊聊


    详情链接:http://c.raqsoft.com.cn/article/1534994281704?r=gxy
     

    展开全文
  • 还在用代码苦苦调试大屏?用这个神器1小时搞定

    千次阅读 多人点赞 2019-07-10 09:58:55
    最近和一位在政府交通部门工作的朋友聊天,谈到大数据应用,他们领导近几年对公共交通管理的数据信息化建设非常重视,特别是一些交通大屏监控看板的应用。此前在面对这类数据大屏监控的可视化展示需求时,一般会由...

    最近和一位在政府交通部门工作的朋友聊天,谈到大数据应用,他们领导近几年对公共交通管理的数据信息化建设非常重视,特别是一些交通大屏监控看板的应用。此前在面对这类数据大屏监控的可视化展示需求时,一般会由外包项目方通过代码等形式进行开发,然后经过美工不断优化调整,最终再交付到相关部门进行评审和上线。

    通过这种方式,虽然一些很细节的样式需求也能够不断进行代码调优,但是带来的问题就是大屏看板从需求收集到开始开发,再到最终上线的周期太长了,一般来说一个大屏前前后后至少要半个多月时间才能开发完成,领导对当前冗长的开发周期也是不甚满意。

    作为一名在做过N个项目的BI工程师,在得知朋友的难题后,内心已经按捺不住帮助的冲动了。由于他大屏需求较多,后续从省到市级别都有多个项目等着立项,且数据量大。所以我建议:少量要求可视化极为酷炫专业度高的可以代码定制,而对于大部分需要常常更新的大屏可以用报表/BI来开发。

    大屏一般没有数据分析的难度,主要是美观可视、对于大数据量的性能支撑。但即使是这两项要求,开发人员就要累吐血。而用BI来开发的话,操作上只要地层数据平台搭建好,前端从数据采集、数据整合、可视化制作都一气呵成。

    比如下图用FineBI(www.finebi.com)做的一个《公共交通管理大数据平台》, 在数据准备好的前提下,一个熟练的BI工程师大概花一个多小时,就制作出来了。

    还在用代码苦苦调试大屏?用这个神器1小时搞定

     

    具体如何操作,待我细细讲来~

    关于FineBI

    FineBI是一款自助式BI分析工具,能够快速的连接数据,清理数据,做图表,做可视化报告。主要用于企业常规的报表(可快速制作),业务的数据分析。它的特点就是操作简单上手快,类似于数据透视表的操作,拖拽数据字段,过滤筛选计算就能生成想要的图表,相比数据透视表不要写VBA也不要写公式。

    下面我们可以先通过FineBI官网获取软件激活码,下载并按照向导安装好:

    还在用代码苦苦调试大屏?用这个神器1小时搞定

     

    建议大家参考官方的帮助文档操作。

    制作大屏步骤

    1. 数据建模

    首先准备好数据。一般数据在多个表里面,需要对表数据关联整合,拿到自己所需要的数据字段。

    和朋友那边拿到他们公共交通交通运输的相关数据(为了简单方便,直接导出为excel文件)之后,将要用到的公共交通路线表相关的excel数据表文件,上传导入到FineBI业务包中。

    还在用代码苦苦调试大屏?用这个神器1小时搞定

     

    为了方便对维度表和事实表进行关联管理(1端一般是维度表,N端是事实表),FineBI可以对基础表灵活地建立对应关联关系,方便通过自助数据集对基础表的相关数据灵活地进行调用和加工建模。

    另外一方面,通过可视化交互和操作自助数据集,能够实现以0编码的形式实现数据加工的过程(例如过滤、分组汇总、新增列、排序、左右合并等等),最终得到自己所需要的数据,具体大家可以看帮助文档摸索。

    还在用代码苦苦调试大屏?用这个神器1小时搞定

     

    2.大屏数据可视化

    数据准备好之后就要做图表设计可视化了。制作大屏需要一定的审美,先不说好看,起码要有最基本的布局意识(图表怎么分布,指标怎么展示)。

    在给大家介绍具体制作过程之前先讲解一下通常大屏管理驾驶舱的布局方式。大屏数据往往展现的是一个企业全局的业务,一般分为主要指标和次要指标两个层次,主要指标反映核心业务,次要指标用于进一步阐述分析。所以在制作时给予不一样的侧重,这里推荐几种常见的版式。

    还在用代码苦苦调试大屏?用这个神器1小时搞定

     

    上面几个版式不是金科定律,只是通常推荐的主次分布版式,能让信息一目了然。实际项目中,不一定使用主次分布,也可以使用平均分布,或者可以二者结合进行适当调整。比如下图所示,指标很多很多,存在多个层级的,就根据上面所说的基本原则进行一些微调,效果会很好。

    还在用代码苦苦调试大屏?用这个神器1小时搞定

     

    这里我选择的是第4种样式,然后看看我是如何来做图表的。

    • 图表可视化化操作:

    在FineBI里,每一个图表都称之为图表组件,我们可对图表做单独的设计,比如配色,比如上传背景底图。每一个图表组件再配上一些文字组件,表格组件,组合起来就成为了dashboard,也就是我们要做的大屏。

    如何制作图表(组件),以【线路压力最大top10】图表组件为例。我们只需要把线路和乘车人数分别拖拽到横轴和纵轴区域,然后按照乘车人数进行降序,过滤前10的数据,即可自动生成线路压力最大top10的柱状图。然后将乘车人数字段绑定到颜色区域,即可实现乘车人数从大到小的线路进行颜色渐变显示。

    还在用代码苦苦调试大屏?用这个神器1小时搞定

     

    其他图表也是类似操作,核心是你要知道每一块展示什么。这里就不一一概述了,奉上我做好的各个图表组件:

    还在用代码苦苦调试大屏?用这个神器1小时搞定

     

    • 布局方面:

    1.我们首先可以添加文本组件,给整个仪表板添加一个显眼的标题,让人一眼就能看出整体大屏数据要表达的主题;

    2.既然是公共交通管理大屏,我们可以先从领导整体最为关注的核心指标出发,例如我们可以将公交总线路数和累计乘车人次作为关键指标进行展示,分别对称排布在仪表板的左右位置;

    3.出发时间段分布和目的地分布,既然是分布统计,那么我们可以优先选择饼图(为了更加美观,我们设置成环形图)进行展示,可以看到大部分出发时间段还是分布在白天,占比为85.25%;

    4.一周出行人数分布方面,因为是对比时间走势,我们选择折线图进行展示,可以看出每周的出行最高峰主要集中在周六;

    5.线路压力最大top10和一天出行时间分布,因为是对比显示,我们分别使用柱状图和条形图进行呈现;

    6.对于每一条公交线路的明细数据,这边我们直接使用表格进行展现即可。

    最后将每个组件拖拽到仪表板上,调整部剧大小,如下:

    还在用代码苦苦调试大屏?用这个神器1小时搞定

     

    最后的布局调整方面,可以让其他组件都统一悬浮在流向地图上方,其他组件的位置可参照上图进行一下微调,微调完毕之后点击预览模板,这样我们的公共交通管理数据大屏就制作完成了。

    通过FineBI(www.finebi.com制作的这样一个共交通管理数据大屏,领导和决策层想要看的相关企业销售数据都一览无余,大家有没有很期待想尝试一下呢?

    展开全文
  • 本文来自网易云社区作者: 魏辛逸图片: “网易有数”可视化平台大屏是我们用来分享、沟通、传播信息的有效途径之一。它将会进化成一种新的媒体形式,在品牌推广、政务接待、商业沟通、数据监控等各个场景发挥重要...
  • 基于VUE + Echarts 实现可视化数据大屏展示效果

    万次阅读 多人点赞 2019-04-28 18:46:37
    中国(寿光)国际蔬菜科技博览会智慧农业系统 — LED拼接屏展示前端开发文档 上线后呈现效果: ...1、确定现场led拼接屏的宽高比,按照1920px*1080px的分辨率,F11全屏后刚好占满整屏且无滚动条;...
  • 原来酷炫的大屏,用Excel就能做

    万次阅读 多人点赞 2020-04-16 19:42:26
      前段时间用tableau做了可视化大屏,大家有的说说没学过tableau,有的说不会做,但就是觉得很炫。   因此,有人私聊我说用excel能做可视化大屏吗?当然,这是可以的,基于粉丝的这个需求,我们今天来讲述一下,...
  • 大屏数据可视化案例

    万次阅读 多人点赞 2018-06-25 18:07:38
    数据可视化:把相对复杂的、抽象的数据通过可视的、交互的方式进行展示,从而形象直观地表达数据蕴含的信息和规律。 数据可视化是数据空间到...大屏数据可视化应用的难点并不在于图表类型的多样化,而在于如何能在...
  • 大屏数据可视化设计指南

    万次阅读 2019-01-03 14:25:31
    一、基础概念 1、什么是数据可视化 把相对复杂、抽象的数据通过可视的方式以人们更易理解的形式展示出来的一系列手段叫做数据可视化,数据可视化是为了更形象地表达数据内在的信息和规律,促进数据信息的传播和应用...
  • 本文基于这个问题,针对51job招聘网站,爬取了全国范围内大数据、数据分析、数据挖掘、机器学习、人工智能等相关岗位的招聘信息。分析比较了不同岗位的薪资、学历要求;分析比较了不同区域、行业对相关人才的需求...
  • 前端ECharts图表可视化大屏开发案例

    万次阅读 多人点赞 2019-06-20 17:03:10
    项目开源地址: 码云:https://gitee.com/daoke0818/pro_bigScreenCharts Github:https://github.com/daoke0818/pro_bigScreenCharts 演示地址: ... ...大屏图表前端开发案例 缘起 笔者入行前端...
  • 超级大屏幕 查看更多关于 超级大屏幕 的文章 具有开幕墙、闭幕墙、消息墙、抽奖、签到、嘉宾展示、抢红包功能,利用开幕墙对整个活动的展示介绍、也适合活动进行中的间歇时间、消息墙可以再等待和互动的时候,让员工...
  • 大屏数据可视化模板

    万次阅读 多人点赞 2019-04-30 17:20:52
    在开发大屏数据可视化项目时,除了各类报表的开发外,大屏的风格设计也是一项十分重要且耗时的工作。 本文推荐的几款大屏模板,旨在帮助那些有大屏数据可视化开发需求的同学能够快速上手,把更多的时间、精力放在...
  • 基于 Echarts 实现可视化数据大屏展示

    万次阅读 多人点赞 2019-09-05 15:28:48
    收集了一套基于 Echarts 实现可视化数据大屏响应式展示效果的源码,共计30个页面,可以在此基础上重新开发。 实现方式:html + Echarts 贴图 有需要的可以联系我 暂时不开源,之后会考虑写教程和开源项目。 ...
  • 2018年9月17日,群邑中国、尼尔森网联以及家庭大屏产业链多方,在上海共同举办了产业发展高峰论坛,并重磅发布《2019中国家庭大屏产业生态发展白皮书》。白皮书从国内外大屏趋势、新视频媒体格局、使用场景和广告...
  • 大屏可视化解决方案 ---- 什么?什么?5000 一套的报表工具就可以画出大屏大屏的前世今生 作为一个 BI 行业人,我们对 DashBaord,领导驾驶舱,仪表盘等概念都非常熟悉,然而忽如一夜春风来,客户都用起大屏来...
  • 大屏展示源码

    2018-04-03 14:54:49
    使用echarts实现大屏展示 包括数据源码 可修改无加密 包含地图、饼图、柱形图、折线图、等多种常用图表
  • 大屏

    2020-06-16 10:53:15
    http://datav.jiaminghi.com/guide/waterLevelPond.html#矩形水位图
1 2 3 4 5 ... 20
收藏数 45,164
精华内容 18,065
关键字:

大屏