乐趣区

关于前端:如何在前端大屏展示中实现真正的自助

数据可视化大屏的真正做用是什么?

数据可视化:Data Visualization,即与视觉传播,定义:为了清晰无效地传递信息,数据可视化应用统计图形、图表、信息图表和其余工具。能够应用点、线或条对数字数据进行编码,以便在视觉上传播定量信息。

BI 工具是提供的是一套残缺的数据解决方案,将业务数据进行无效的整合,建模,剖析,以可视化的形式出现,疾速精确的定位要害数据,辅助决策。因而 BI 工具的最初一个环节是将要害业务可视化的出现后进行数据分析。因而 BI 工具的提供的让大家最直观感触的性能,那就是数据可视化大屏。尤其是以国内的用户偏好,更会因为大屏的直观感触,来判断产品的能力,即一屋不扫何以扫天下,也是有肯定情理的。

然而数据可视化大屏的角色绝不限于“难看的花瓶”,它应该对最终应用用户而言,是十分无效间接的数据分析工具。

因而数据可视化大屏须要满足以下三个特色才是真正意义上的大屏能力:

  • 好看性,好看性会间接决定对大家带来视觉冲击力,影响用户对于产品印象和评估,是不是科技感,设计感,合乎业务特点
  • 写实性,是不是依照物理模型,建设了等比例放大的园区,机械,地图等,须要依据理论所治理的物理场景来显示实时数据,能力保障大屏的有效性,和真正的发挥作用。
  • 自助剖析能力:大屏的由来最终于是解决剖析的需要,因而大屏真正外围的实质是可能服务于数据分析,让真正的数据用户,依照本人的思维逻辑在大屏中操作剖析数据,辅助决策,这就决定了大屏须要为用户提供“自助式剖析能力”。

什么是自助式剖析

自助式数据分析须要体现到四个档次:

  1. 自助数据筹备:很多业务用户未具备业余的 IT 技能,因而在实现数据分析的过程中,最让他们消耗工夫最多的就是如何对接理论的业务数据,因而自助式剖析第一步要解决,自助数据筹备,自助实现数据筹备,并能关联本地数据,为数据分析提供更齐备数据反对,通过简略易用的数据筹备器,拖拽实现即可实现多业务表的关联,无需了解背地的 IT 技术。
  2. 可视化化设计剖析:以拖拽形式实现数据分析、治理看板和数据大屏的设计须要。
  3. 自在数据摸索:通过数据联动、钻取、筛选等摸索剖析操作,挖掘数据价值和起因
  4. 分享与公布:用户能够将剖析后果分享给其余共事,扩充数据利用范畴、减速企业数据文化的建设

自助式剖析之实际:

  1. 通过数据分析,关上大屏中附链的文件资源

利用场景:很多状况下智慧政务或企业波及到规范的文稿告诉等会有专用的文件,会附加的大屏中供须要的用户浏览或下载,因而须要在查看大屏时可能关上对应本地文件。

2.  公布文档:
先把要拜访的文件公布到服务内,使其能够通过浏览器拜访。咱们须要将文件放在装置目录下:\Wyn\Server\wwwroot

通过浏览器拜访:
![Graphical user interface, application, table

Description automatically generated](Aspose.Words.b4434f23-7f01-4787-970f-95e3a5a11237.004.png)

  1. 拜访 PDF 文档:
    3.1 创立报表,创立任意报表,通过报表的钻取性能跳转到文档:

3.2 设置跳转 url。
公布的 PDF 的拜访地址:http://localhost:51980/data/4- 表达式和条件格式化.pdf

3.3 预览

3.4 仪表板:仪表板设置后面都一样,最初是通过内部链接做的

3.5 预览

  1. 从大屏到数据明细报表中的跳转,实现明细数据分析

当应用仪表板跳转报表有时须要传参数,这个传参能够来自于筛选器。而后把筛选器抉择的数据传递给报表当作参数。
然而当咱们点击全选的时候,会发现跳转报表没有接管到任何参数。
这是因为咱们仪表板的筛选器在全选的时候会默认当成未筛选,所以不会传值。那问题就来了,我全选怎么做到参数传递的。那就得绕一下了
咱们以传递客户地区为例:
5. 创立一个仪表板,设置一个多维下拉框筛选器,绑定客户地区。而后创立一个用于跳转的图表。

6. 创立一个仪表板参数,设置如下,默认数据给一个全选。而后筛选器绑定咱们设置的筛选器。

7. 设置跳转, 而后这里的参数抉择仪表板参数,不要抉择筛选器参数。

8. 而后仪表板须要设计的就没了,之后就是报表模块,咱们先设计一个报表,而后须要一个参数。须要设置可选参数,可选参数就是咱们须要的参数的列举。用 sql 专门查一列即可,能够参考下图数据集 2. 而后参数设置全选那里输出全选。也就是当咱们输出内容为全选的时候他会查问全副,这就对应了仪表板那边参数的默认值。

9. 也是最初一步,也就是咱们的被查问的数据源的 sql 须要对参数进行一个判断。参考如下:
select * from 销售明细  where ‘ 全选 ’ in (@查问参数 1) or 销售大区 in (@查问参数 1)

至此设计就实现了,看一下成绩吧

拓展浏览
详解商业智能“前世今生”,“嵌入式 BI”到底是如何产生的?

应用 WIX 进行商业智能 OEM 打包

数据可视化剖析工具如何在国内弯道超车迅速崛起百花齐放?

退出移动版