首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

基于 HTML5 的 Web SCADA 报表

背景 最近在一个 SCADA 项目中遇到了在 Web 页面中展示设备报表的需求。一个完整的报表,一般包含了筛选操作区、表格、Chart、展板等多种元素,而其中的数据表格是最常用的控件。...另一个问题是开发效率,上述的控件库中各自的封装程度、接口形式都有所不同,但整体上还是要求开发者对 CSS、JS 都有较深的了解。还有控件的复用、嵌入、发布、移植,也都是问题。 ...Web Worker 众所周知,浏览器的 JS 环境是基于单进程的,在页面元素较多,而且有很大运算需求的情况下,会导致无法兼顾渲染任务和计算任务,造成页面卡顿或失去响应。...worker = new Worker("worker.js"); worker.addEventListener('message', function(e) { //收到worker...) }); }; pageTable.request(); 本处的new Worker创建,对于主线程来说是异步的,等加载完 worker.js

2.9K30

基于 HTML5 的 Web SCADA 报表

背景 最近在一个 SCADA 项目中遇到了在 Web 页面中展示设备报表的需求。一个完整的报表,一般包含了筛选操作区、表格、Chart、展板等多种元素,而其中的数据表格是最常用的控件。...另一个问题是开发效率,上述的控件库中各自的封装程度、接口形式都有所不同,但整体上还是要求开发者对 CSS、JS 都有较深的了解。还有控件的复用、嵌入、发布、移植,也都是问题。 ...Web Worker 众所周知,浏览器的 JS 环境是基于单进程的,在页面元素较多,而且有很大运算需求的情况下,会导致无法兼顾渲染任务和计算任务,造成页面卡顿或失去响应。...worker = new Worker("worker.js"); worker.addEventListener('message', function(e) { //收到worker...) }); }; pageTable.request(); 本处的new Worker创建,对于主线程来说是异步的,等加载完 worker.js

3.5K90

JimuReport积木报表1.1.05 版本发布,免费的企业级 Web 报表工具

项目介绍 积木报表,是一款免费的企业级Web报表工具,像搭建积木一样在线设计报表!功能涵盖,数据报表、打印设计、图表报表、大屏设计等!...Web报表设计器,类似于excel操作风格,通过拖拽完成报表设计。 秉承“简单、易用、专业”的产品理念,极大的降低报表开发难度、缩短开发周期、节省成本、解决各类报表难题。...采用SpringBoot+Mybatis-Plus的脚手架项目,都可以快速集成 Web 版设计器,类似于excel操作风格,通过拖拽完成报表设计 通过SQL、API等方式,将数据源与模板绑定。...,可自由拼接、组合,设计炫酷大屏 可设计各种类型的单据、大屏,如出入库单、销售单、财务报表、合同、监控大屏、旅游数据大屏等 #系统截图 报表设计器(完全在线设计,简单易用) 打印设计(支持套打、背景打印...) 数据报表(支持分组、交叉,合计等复杂报表) 图形报表(目前支持28种图表) #功能清单

80420

高效处理报表,掌握原生JS打印和导出报表为PDF的顺畅技巧!

作为一名工作者,掌握高效的报表处理技巧对提高工作效率至关重要。其中,原生JS打印和导出报表为PDF技巧是一种非常实用、高效且普遍使用的方式。...使用原生JS技巧,可以轻松完成报表处理的任务,避免使用繁琐的第三方库和软件,从而节省时间和金钱。掌握原生JS打印和导出报表为PDF技巧并不需要很高的前端开发技能,只需一些JS基础和DOM操作基础。...本文将向您介绍如何使用原生JS技巧打印和导出报表为PDF,并帮助解决在处理报表时可能遇到的问题和困难。...1.Demo介绍篇 下图是一个简单的数据报表,并使用饼状图展示,右边两个按钮分别是打印报表(Print)和导出报表为Pdf(Export PDF)。分别点击这两个按钮实现报表打印和导出为Pdf。...第二步新建三个空白的文件(html文件、CSS文件和JS文件),名称可以任意取。 至此已经完成了创建工程文件,下面介绍JS的编写。 2.2编写JS文件 第一步添加表格中的数据信息。

27830

积木报表—JimuReport v1.5.4版本发布,免费的可视化Web报表工具

项目介绍一款免费的低代码可视化报表,像搭建积木一样在线拖拽设计!低代码开发必备,功能涵盖,数据报表、打印设计、图表报表、大屏设计等!...采用SpringBoot的脚手架项目,都可以快速集成Web 版设计器,类似于excel操作风格,通过拖拽完成报表设计通过SQL、API等方式,将数据源与模板绑定。...,设计炫酷大屏可设计各种类型的单据、大屏,如出入库单、销售单、财务报表、合同、监控大屏、旅游数据大屏等#系统截图报表设计器(专业一流 数据可视化,解决各类报表难题)图片报表设计器(完全在线设计,简单易用...)图片打印设计(支持套打、背景打印)图片 图片数据报表(支持分组、交叉,合计等复杂报表)图片 图片图形报表(目前支持28种图表) 图片 图片数据报表斑马线图片#功能清单├─报表设计器│ ├─数据源│...带二维码/条形码报表│ │ ├─多表头复杂报表│ │ ├─主子报表│ │ ├─预警报表│ │ ├─数据钻取报表│ ├─图形报表│ │ ├─柱形图│ │ ├─堆叠柱形图│ │

1.1K30

报表设计-普通报表设计

描述 普通报表设计可以分为报表设计、参数设计、图表设计和填报设计四个部分,这四个部分是 FineReport 普通模板的几大使用方式。...普通报表的特点有:类 Excel 设计界面、无限行列扩展和多 sheet 功能,能轻松实现数据间的各种运算,实现复杂表样、分组交叉、卡片分栏、同比环比等功能。...同时普通报表还存在一些不足:局限于规整的格子式报表和不支持局部刷新等。 1.1 报表设计 报表设计是纯粹的数据展示,如下图: ?...详细使用方法请参照 报表设计; 1.2 参数设计 参数设计是动态查询数据,如下图所示: ? 详细使用方式请参照 参数入门; 1.3 图表设计 图表设计是使用图表来展示数据,如下图所示: ?

2.5K20

ActiveReports 报表应用教程 (4)---分栏报表

在葡萄城ActiveReports报表中可以实现分栏报表布局样式,可以设置横向分栏、纵向分栏,同时进行分栏和分组设置,统计分栏分组的小计、合计等。...在商业报表系统中常见的分栏报表有商品标签、员工工卡、条码打印等。本文主要讲解如何在葡萄城ActiveReports报表中实现横向分栏、纵向分栏和分组分栏报表。...1、横向分栏报表 1.1、在 ASP.NET 应用程序中添加一个名为 rptAcrossDown.cs 的 ActiveReports 报表文件,选择的项目模板类型为 ActiveReports 7 区域报表...报表创建完成之后点击 detail 左上角的数据源图表,按照下图中的信息创建报表数据源: ?...3、分组分栏报表 在设置分栏的同时,我们还可以设置报表的分组信息,以完成数据的分组显示和数据统计。

2.7K80

报表设计-聚合报表设计

[财务][数据化分析][帆软]报表设计-聚合报表设计 1. 聚合报表设计界面 聚合报表指一个报表中包含多个模块,每一块都类似一张单独的报表或者一张图表,块与块之间相对独立,互不影响。...聚合报表特点:空白画布式设计界面,每个模块相互独立,专门解决大报表难题,单元格扩展分离,互不影响。...新建聚合报表 1)点击菜单文件>新建聚合报表,可以直接新建聚合报表,如下图: ? 2)新建普通报表的时候,添加 sheet 的时候可以添加普通报表及聚合报表 ?...3)新建聚合报表的时候,添加 sheet 的时候只能添加聚合报表 ? 3. 导出聚合报表 想要导出聚合报表时,可以直接导出 Excel/Word/PDF 等格式,如下图: ?...Web 端也可以直接导出( Excel/Word/PDF )和打印(pdf/applet/flash),如下图: ?

2.6K40

WINCC报表

前段时间的一个项目用SE的vba做了一套报表,运用的是时间触发计数,每小时记一次,一个班记8次数据,本次这次项目需要用WINCC做报表,触发条件是事件触发,WINCC自带报表功能可以满足,但是WINCC...因此就自学用VBS做报表,大概流程是:先用全局脚本把需要记录的数据写入SQL数据库,然后再用按钮脚本把数据库需要的数据提取出来,在MSFlexGrid控件中显示出来,再用一个按钮脚本把MSFlexGrid...注意第一行,或者是第一列都从0开始 For z = 0 To 7 MSFlexGrid1.Col = z MSFlexGrid1.Text = "南大傲拓NA400采集日报表"'通过FOR,NEXT操作...,将8列内容都显示为"NA400数据采集日报表" Next MSFlexGrid1.MergeCells = 4'设置一个值4表明如何及何时将有相同内容的记录进行合并 MSFlexGrid1.MergeRow...'打印阅览 'ExcelSheet.PrintOut'打印时用此句 ExcelBook.Close ExcelApp.Quit Set ExcelApp = Nothing End Sub 一个完整的报表就做完了

3.1K41

水晶报表文本在web中无法两端对齐

Web上利用水晶报表显示一段文本,用的是动态加载rpt的方法,结果出来的文本效果如下:         右边很不齐,于是回到水晶报表10程序中调rpt,很快,把文本的对齐方式设为两端对齐就好了...于是,我便打算在动态加载时,即在将ReportDocument对象赋给报表对象前,对该文本字段用程序方式控制对齐方式。...ReportDocument的主要成员,一个是Tables集合,就是这个报表相关的表的集合,顺着它可以找到字段,以及每个字段被引用的次数。...这个对我来说没有用,我只想控制已经加入到报表中的字段。        ...这种对齐方式,不能得到很完美的效果,——至少不可能达到想word或者报表系统本身这样的本地应用程序达到的效果。

2.3K90

分栏报表-物品清单报表实现

提起分栏报表,它的数据组织形式就如同小时候使用的数学作业本一样,将数据分为多栏显示,当然写作业时有的人习惯横向写,有的人则喜欢竖着写完,在写另一栏。...所有的电子技术都是采用隐喻的手法,从物理世界而来,分栏报表也是源于生活,分栏报表也可以行分栏(竖向分栏)和列分栏(横向分栏)。分栏数可以分为两栏或多栏。...在商业报表系统中常见的分栏报表有商品标签、员工工卡、条码打印等。由此可见,分栏报表常用于需要重复显示结构相同的条目信息,如商品标签中,标签结构相同,只是填充的商品信息不同等。...采用分栏报表可以很大程度上的节省空间且美观。如此重要的报表分类要是实现操作能够简便易操作设置,就更好。本文使用葡萄城报表的分栏设置,来解决分栏报表需求。 分栏报表实现 1. 新建RDL报表 2....设置分栏属性 选择报表的灰色区域,点击属性对话框命令,注意设置分栏数量,一定要保证报表的纸张宽度> 单栏宽度* 分栏数量,否则分栏效果不会出来。 6. 预览 转载请注明出自:葡萄城报表

2K20

VeryReport(非常报表报表软件介绍

VeryReport,又称非常报表,是一款国内知名的报表制作软件。由中创微软件独立研发,具有完全自主产权的报表软件。...该软件专为协同办公而设计,采用拖拽式设计和零编码技术,让用户能够轻松地创建高质量的报表。​功能特点VeryReport提供了丰富的功能特点,包括:1....财务报表制作:可以轻松地制作各种财务报表,例如资产负债表、现金流量表、利润表等等。2. 业务分析:可以将不同来源的数据整合起来,生成图表和报告,进行业务分析和决策支持。3....总结VeryReport是一款功能强大、易于使用的报表制作软件。采用拖拽式设计和零编码技术,让用户能够轻松地创建高质量的报表。...该软件适用于各种应用场景,包括财务报表制作、业务分析、数据可视化和管理报告等等。VeryReport(非常报表报表软件更多介绍:https://www.veryreport.com

1.2K40
领券