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

如何,前端,展示,实现,真正,自助 · 浏览次数 : 5348

小编点评

**数据可视化大屏的真正功能是:** 1. **美观性:** 大屏采用图表、地图等易于理解的图形,让用户直观地了解数据。 2. **自助分析:** 用户可根据自己的思维逻辑进行数据分析,快速发现问题。 3. **可视化化设计:** 大屏以拖拽的方式进行数据分析,方便用户进行数据探索。

正文

本文由葡萄城技术团队于博客园原创并首发
转载请注明出处:葡萄城官网,葡萄城为开发者提供专业的开发工具、解决方案和服务,赋能开发者。

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

数据可视化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”到底是如何产生的?](https://www.grapecity.com.cn/blogs/wyn-how-the-embedded-bi-come-about)

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

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

与如何在前端大屏展示中实现真正的自助相似的内容:

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

本文由葡萄城技术团队于博客园原创并首发 转载请注明出处:葡萄城官网,葡萄城为开发者提供专业的开发工具、解决方案和服务,赋能开发者。 数据可视化大屏的真正做用是什么? **数据可视化:**Data Visualization,即与视觉传达, 定义:为了清晰有效地传递信息,数据可视化使用统计图形、图表、

Vue 3深度探索:自定义渲染器与服务端渲染

这篇文章介绍了如何在Vue框架中实现自定义渲染器以增强组件功能,探讨了虚拟DOM的工作原理,以及如何通过SSR和服务端预取数据优化首屏加载速度。同时,讲解了同构应用的开发方式与状态管理技巧,助力构建高性能前端应用。

内核不中断前提下,Gaussdb(DWS)内存报错排查方法

摘要:本文主要讲解如何在内核保证操作不能中断采取的特殊处理,理论上用户执行的sql使用的内存(dynamic_used_memory) 是不会大范围的超过max_dynamic_memory的内存的 本文分享自华为云社区《Gaussdb(DWS)内存报错排查方法》,作者: fighttingman。

论如何直接用EF Core实现创建更新时间、用户审计,自动化乐观并发、软删除和树形查询(下)

前言 数据库并发,数据审计和软删除一直是数据持久化方面的经典问题。早些时候,这些工作需要手写复杂的SQL或者通过存储过程和触发器实现。手写复杂SQL对软件可维护性构成了相当大的挑战,随着SQL字数的变多,用到的嵌套和复杂语法增加,可读性和可维护性的难度是几何级暴涨。因此如何在实现功能的同时控制这些S

论如何直接用EF Core实现创建更新时间、用户审计,自动化乐观并发、软删除和树形查询(中)

前言 数据库并发,数据审计和软删除一直是数据持久化方面的经典问题。早些时候,这些工作需要手写复杂的SQL或者通过存储过程和触发器实现。手写复杂SQL对软件可维护性构成了相当大的挑战,随着SQL字数的变多,用到的嵌套和复杂语法增加,可读性和可维护性的难度是几何级暴涨。因此如何在实现功能的同时控制这些S

论如何直接用EF Core实现创建更新时间、用户审计,自动化乐观并发、软删除和树形查询(上)

前言 数据库并发,数据审计和软删除一直是数据持久化方面的经典问题。早些时候,这些工作需要手写复杂的SQL或者通过存储过程和触发器实现。手写复杂SQL对软件可维护性构成了相当大的挑战,随着SQL字数的变多,用到的嵌套和复杂语法增加,可读性和可维护性的难度是几何级暴涨。因此如何在实现功能的同时控制这些S

探索Semantic Plugins:开启大模型的技能之门

前言 在之前的章节中我们或多或少的已经接触到了 Semantic Kernel 的 Plugins,本章我们讲详细介绍如何使用插件。 Semantic Kernel 的一大特点是拥有强大的插件,通过结合自定义/预定义的插件解决智能业务的问题。让传统的代码和智能插件一起工作灵活地接入到应用场景简化传统

HarmonyOS 性能优化

如何合理使用动效来获得更好的性能 组件转场动画使用 transition: 推荐使用转场动画(transition)而不是组件动画(animateTo),因为 transition 只需要在条件改变时更新一次,而 animateTo 需要在动画前后做两次属性更新,导致性能开销更大。 反例:通过改变透

项目完成小结 - Django-React-Docker-Swag部署配置

前言 最近有个项目到一段落,做个小结记录。 内容可能会多次补充,在博客上实时更新哈~ 如果是在公众号阅读这篇文章,可以点击「查看原文」访问最新版本~ 这个项目是前后端分离,后端为了快,依然用我的DjangoStarter框架。前端一开始是小程序,后面突然换成公众号H5的形式,还好我用了Taro,大差

提取关键词作为标题---Java调用Python实现

[TOC] # 前景提示 * 一个朋友参加面试,在成都面的一家,问我如何给一篇没有标题的文章取个标题,是根据内容分析内容,然后获取标题,写个程序让程序分析内容,提炼出一个最适合的标题. * 提示:先找出高频率的关键词,然后再根据段首段尾段中的不同权重结合同一个关键词出现的频率来综合判断,最后取一个权