千家信息网

大数据报表中如何实现滚动的公告效果

发表于:2025-01-31 作者:千家信息网编辑
千家信息网最后更新 2025年01月31日,小编今天带大家了解大数据报表中如何实现滚动的公告效果,文中知识点介绍的非常详细。觉得有帮助的朋友可以跟着小编一起浏览文章的内容,希望能够帮助更多想解决这个问题的朋友找到问题的答案,下面跟着小编一起深入
千家信息网最后更新 2025年01月31日大数据报表中如何实现滚动的公告效果

小编今天带大家了解大数据报表中如何实现滚动的公告效果,文中知识点介绍的非常详细。觉得有帮助的朋友可以跟着小编一起浏览文章的内容,希望能够帮助更多想解决这个问题的朋友找到问题的答案,下面跟着小编一起深入学习"大数据报表中如何实现滚动的公告效果"的知识吧。

Dashboard 以丰富的动态、可交互的可视化界面为用户提供了更好的数据使用体验,让决策者能够更高效的了解企业的重要信息和细节层次。在 DBD 的各种动态效果中,滚屏是较为常见的一种,例如下图中的数据列表因为布局是固定的,因此就需要滚动显示数据。

通常报表中见到的滚屏是因为"页面大、窗口小",也就是打开的窗口区域容纳不了整个页面的内容,需要靠键盘的方向键或鼠标滚轮来移动查看。而在 DBD 中,为了更好的交互效果,需要滚动自动持续进行,只有当鼠标移到该区域时才暂停。这种方式虽说已经比较常见了,但一般来说报表厂商却并没有直接提供,而是需要通过 jquery,JS 来实现。现在我就给大家介绍一下如何实现这种文字滚屏效果。

我们将在润乾报表设计器自带的"设备故障分析.rpx"基础上实现文字滚屏实例。

1. 数据集整理

对于从数据库读取的数据,可以通过集算器,将数据整理成下面截图中的效果。为了方便做效果,这里我直接将 ds2 这个内建数据中的所有字段的值整理到"设备"这个字段中,并且在里面加上了些空格,以便页面上缩进的效果好看些。

2. 合并单元格

将 G15 列删除,B15-F15 选中,合并。

3. 单元格数据类型设置为 html

4. 设置单元格表达式,如上图所示。下面是具体的表达式。

=""+replace(string@q(ds2.select( 设备)),",","
")+""

其中:

表示当鼠标以上区域的时候滚动停止;

表示当鼠标移开的时候继续滚动。

5. 调整样式

原 B15-F15 设置了各行异色,因为我们的文字滚动项作为统一的一串内容,所以按照以上设置,效果感觉会有些突兀,如下图所示。

去掉 B15-F15 背景色的设置,这样滚动区域就整体浑然一体。

经过以上步骤我们的数据列表就在 DBD 面板中滚动起来了,并且当鼠标指向数据的时候就会停止滚动,鼠标移开的时候就继续滚动了,这样的交互效果无疑会为你的大屏展现锦上添花。

上面这个小例子简单实现了文字滚动显示的效果。下面我具体讲解下看似神奇的标签的各个属性值,相信看过后一定会帮助您实现更好的文字滚动效果:

另外,您也可以将 <marquee> 和 marquee> 之间的内容替换成图像或其它对象。

感谢大家的阅读,以上就是"大数据报表中如何实现滚动的公告效果"的全部内容了,学会的朋友赶紧操作起来吧。相信小编一定会给大家带来更优质的文章。谢谢大家对网站的支持!

数据 效果 报表 鼠标 内容 文字 时候 公告 区域 单元 朋友 设备 页面 帮助 动态 字段 常见 文章 知识 表达式 数据库的安全要保护哪些东西 数据库安全各自的含义是什么 生产安全数据库录入 数据库的安全性及管理 数据库安全策略包含哪些 海淀数据库安全审计系统 建立农村房屋安全信息数据库 易用的数据库客户端支持安全管理 连接数据库失败ssl安全错误 数据库的锁怎样保障安全 美版激活服务器怎么样 数据库技术及应用第二章答案 靖安软件开发技术 在线下载服务器 分析数据库结构的组成 港股科技和互联网形势 软件开发技术基础教程 宁河区全过程网络技术答疑解惑 计算机网络技术属于什么科 江苏进口服务器优质推荐云服务器 去日本做软件开发加班严重吗 黄埔区新一代网络技术开发动态 学网络技术有哪些网站可以借鉴 关于网络安全人工智能的论文 大数据库技术PPT wiki查档数据库是什么 聚焦网络安全公众号 软件开发哪找 网络安全主体责任明确 初中生可以学软件开发吗 古画数据库 aide与数据库 软件开发的工时怎么计算 四川服务器阵列卡驱动云服务器 重庆超领互联网科技有限公司 达梦数据库导出语句 独立软件开发商 拓维信息 知网国家标准全文数据库检索 四川联想服务器维修调试多少钱 软件开发的存在的风险点
0