首页
学习
活动
专区
圈层
工具
发布
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    基于 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.4K31

    基于 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

    4.2K91

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

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

    1.2K20

    高效处理报表,掌握原生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文件 第一步添加表格中的数据信息。

    1.4K30

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

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

    1.9K30

    报表设计-普通报表设计

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

    3.3K20

    报表设计-聚合报表设计

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

    3.5K40

    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 一个完整的报表就做完了

    4.2K42

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

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

    3.5K80

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

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

    3.7K90
    领券