背景 最近在一个 SCADA 项目中遇到了在 Web 页面中展示设备报表的需求。一个完整的报表,一般包含了筛选操作区、表格、Chart、展板等多种元素,而其中的数据表格是最常用的控件。...function (g, data, selected, column, x, y, w, h, view),其中 g 是 Canvas 的环境信息,data 是该行的数据体,我们根据这些信息,再利用 HTML5...懒得亲自直接用 HTML5 的原生接口? HT 提供了对 Canvas API 的封装接口,包括各种矢量类型以及一些简单的 Chart。...getDrawLegend: function(attr,legendColor){return drawCell} 至此,我们就完成了启停时间这几列的自定义绘制: ?...Web Worker 是 HTML5 的多线程 API,和我们原来传统概念中的多线程开发有所不同。Web Worker 的线程之间,没有内存共享的概念,所有信息交互都采用 Message 的异步传递。
当设计器里的函数不能满足你的需求时,你需要自定义一些函数来来满足你的需求。...设计器上1.选择【工具栏】->【窗口】->【首选项】->【通用配置】->【类加载配置】,在【自定义接口实现类配置】中添加自定义函数实现类,添加方式有两种:一是将编译好的.class文件打成jar包, 点击...2、添加好后,在设计器上,点击工具-自定义函数,点击新增按钮。自定义函数类型可以有两个类型:1、Java程序。2、表达式。你可以在实现类全路径中写自定义函数的类的全路径,也可以在表达式中写计算公式。...在web项目上:1、在web应用中,自定义函数的创建一是将编译好的.class文件打成jar包,将jar包放到WEB-INF/lib目录下;二是将. class文件放到WEB-INF/classes。
这说明,浏览器对待自定义元素,就像对待标准元素一样,只是没有默认的样式和行为。这种处理方式是写入 HTML5 标准的。...上面这段话的意思是,浏览器必须将自定义元素保留在 DOM 之中,但不会任何语义。除此之外,自定义元素与标准元素都一致。...三、Custom Elements 标准 HTML5 标准规定了自定义元素是合法的。然后,W3C 就为自定义元素制定了一个单独的 Custom Elements 标准。...这样的限制使得 HTML 解析器可以分辨那些是标准元素,哪些是自定义元素。” ? 注意,一旦名字之中使用了破折号,自定义元素就不是HTMLUnknownElement的实例了。...、参考链接 John Negoita, Extending HTML by Creating Custom Tags StackOverflow, Are custom elements valid HTML5
不过,在你动手做之前,先来看一下如何把它们(你的自定义子类)的事情告诉ReportOutput.APP。..._ReportListener另一个有趣的能力是链接报表。AddReport方法把一个报表添加到自定义的ReportFileNames集合。..._ReportListener有几个自定义属性。DrivingAlias包含着报表的主游标的名称。ReportUsesPrivateDataSession如果为.T....本章有一对使用_GDIPlus类来执行自定义绘制任务的示例。...参见在“指示句柄”部分对SFRotateDirective类的讨论,那里有一个旋转文本的示例;以及“自定义绘制”部分,那里有一个绘制列图表的示例。
基本介绍 在HTML5中,我们经常使用data-前缀设置我们需要的自定义属性,来进行一些数据的存放,例如我们在一个button上添加id 点我</button...目前仅在Opera 11.1+, Chrome 9+下可以通过JavaScript,使用dataset访问你自定义的data属性。...-值对: chartInput = []; for (var item in expense) { chartInput.push(expense[item]); } 上面这几行代码作用是让所有的自定义的属性值塞到一个数组中
在HTML5中添加了data-*的方式来自定义属性,所谓data-*实际上上就是data-前缀加上自定义的属性名,使用这样的结构可以进行数据存放。...使用data-*可以解决自定义属性混乱无管理的现状。 1....读写方式 Click Here 其中的data-age就是一种自定义属性,当然我们也可以通过JavaScript...来对其进行操作,HTML5中元素都会有一个dataset的属性,这是一个DOMStringMap类型的键值对集合 var test = document.getElementById('test');...margin:20px; } test.dataset.birthDate = '19890615'; 这样我们通过JavaScript设置了data-birth-date自定义属性
描述 普通报表设计可以分为报表设计、参数设计、图表设计和填报设计四个部分,这四个部分是 FineReport 普通模板的几大使用方式。...普通报表的特点有:类 Excel 设计界面、无限行列扩展和多 sheet 功能,能轻松实现数据间的各种运算,实现复杂表样、分组交叉、卡片分栏、同比环比等功能。...同时普通报表还存在一些不足:局限于规整的格子式报表和不支持局部刷新等。 1.1 报表设计 报表设计是纯粹的数据展示,如下图: ?...详细使用方法请参照 报表设计; 1.2 参数设计 参数设计是动态查询数据,如下图所示: ? 详细使用方式请参照 参数入门; 1.3 图表设计 图表设计是使用图表来展示数据,如下图所示: ?
HTML5增加了一项新功能是自定义数据属性,也就是data-*自定义属性。...在HTML5中我们可以使用以data-为前缀来设置我们需要的自定义属性,来进行一些数据的存放。当然高级浏览器下可通过脚本进行定义和数据存取。在项目实践中非常有用。...中的简洁操作方法:(dataset属性存取data-*自定义属性的值) 这种方式通过访问一个元素的 dataset 属性来存取 data-* 自定义属性的值。...这个 dataset 属性是HTML5 JavaScript API的一部分,用来返回一个所有选择元素 data- 属性的DOMStringMap对象。...data-属性选择器 在实际开发时,可以根据自定义的data-属性选择相关的元素。
前言 HTML5中 标签定义视频,比如电影片段或其他视频流。也就是说video是用来播放视频的,而且是HTML5中的新标签。所以对老浏览器是不支持的,来看看支持。 ?...--自定义进度条和音量控制--> <div class
[财务][数据化分析][帆软]报表设计-聚合报表设计 1. 聚合报表设计界面 聚合报表指一个报表中包含多个模块,每一块都类似一张单独的报表或者一张图表,块与块之间相对独立,互不影响。...聚合报表特点:空白画布式设计界面,每个模块相互独立,专门解决大报表难题,单元格扩展分离,互不影响。...新建聚合报表 1)点击菜单文件>新建聚合报表,可以直接新建聚合报表,如下图: ? 2)新建普通报表的时候,添加 sheet 的时候可以添加普通报表及聚合报表 ?...3)新建聚合报表的时候,添加 sheet 的时候只能添加聚合报表 ? 3. 导出聚合报表 想要导出聚合报表时,可以直接导出 Excel/Word/PDF 等格式,如下图: ?...聚合报表预览 由于聚合报表是以一个 sheet 的形式存在工作簿中的,而新建普通报表时有一个默认的普通模板,所以在预览时,会将前面的 sheet1 这个空白模板也预览出来,如果不想要这个空白页,直接将
自定义样式的视频播放器 效果 代码 自定义视频播放器
在葡萄城ActiveReports报表中可以实现分栏报表布局样式,可以设置横向分栏、纵向分栏,同时进行分栏和分组设置,统计分栏分组的小计、合计等。...在商业报表系统中常见的分栏报表有商品标签、员工工卡、条码打印等。本文主要讲解如何在葡萄城ActiveReports报表中实现横向分栏、纵向分栏和分组分栏报表。...1、横向分栏报表 1.1、在 ASP.NET 应用程序中添加一个名为 rptAcrossDown.cs 的 ActiveReports 报表文件,选择的项目模板类型为 ActiveReports 7 区域报表...报表创建完成之后点击 detail 左上角的数据源图表,按照下图中的信息创建报表数据源: ?...3、分组分栏报表 在设置分栏的同时,我们还可以设置报表的分组信息,以完成数据的分组显示和数据统计。
那么今天的文章主要内容是怎样从PBI批量爬取在线的财务报表数据。直接进入正题。...3 数据标准化 由于网易数据源的缘故,财务报表的科目明细和整体数值是分开的,那就分别作为维度表和事实表,都增加索引列,在模型建模建立连接即可。 ?...4 批量爬取其他公司报表 观察下网址结构,一串文字+股票代码,逻辑简单。那通过“上市公司行业分类表”中的股票代码便可批量导入 ? 第一步,建立参数:取名“Web” ?...第三步,创建自定义函数,取名zcfcb ? ? 第四步,在从PDF文件获取的上市公司股票代码表中做筛选,考虑股票代码很多,获取全部数据非常耗时,我们先只筛选前3只股票。 ?...选择“添加列”,调用自定义函数,增加一列。 ? 字段“zcfcb”的每一个单元格中的Table都是一张完整的资产负债表数据,这种方案是先解决局部,再向上逐一击破,打开表格就是完整的数据。 ?
前段时间的一个项目用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 一个完整的报表就做完了
就我而言,不建议使用这个FineReport里面的决策报表,还是用FineBI里面的决策报表好用,阔以在web端进行设计,其实都一样。...[财务][数据化分析][帆软]报表设计-决策报表设计模式 1....决策报表整体介绍 点击菜单文件>新建决策报表,即可新建一张决策报表,可为决策报表添加不同的组件,其中这些组件包括空白块(Tab 布局、绝对画布块、报表块)、参数面板、图表块、控件等类型,如下图所示:...2.1 参数面板 参数面板是指,为决策报表添加过滤参数面板,所有过滤控件全部添加在该面板上。 2.2 空白块 空白块中包含 Tab 块、绝对画布块和报表块。...决策报表设计的详细介绍及示例请查看 决策报表设计。
提起分栏报表,它的数据组织形式就如同小时候使用的数学作业本一样,将数据分为多栏显示,当然写作业时有的人习惯横向写,有的人则喜欢竖着写完,在写另一栏。...所有的电子技术都是采用隐喻的手法,从物理世界而来,分栏报表也是源于生活,分栏报表也可以行分栏(竖向分栏)和列分栏(横向分栏)。分栏数可以分为两栏或多栏。...在商业报表系统中常见的分栏报表有商品标签、员工工卡、条码打印等。由此可见,分栏报表常用于需要重复显示结构相同的条目信息,如商品标签中,标签结构相同,只是填充的商品信息不同等。...采用分栏报表可以很大程度上的节省空间且美观。如此重要的报表分类要是实现操作能够简便易操作设置,就更好。本文使用葡萄城报表的分栏设置,来解决分栏报表需求。 分栏报表实现 1. 新建RDL报表 2....设置分栏属性 选择报表的灰色区域,点击属性对话框命令,注意设置分栏数量,一定要保证报表的纸张宽度> 单栏宽度* 分栏数量,否则分栏效果不会出来。 6. 预览 转载请注明出自:葡萄城报表
VeryReport,又称非常报表,是一款国内知名的报表制作软件。由中创微软件独立研发,具有完全自主产权的报表软件。...预设样式和模板:提供了丰富的预设样式和模板,用户可以根据需要自定义模板。4. 实时预览:提供实时预览功能,用户可以随时查看报表的最终效果。5....财务报表制作:可以轻松地制作各种财务报表,例如资产负债表、现金流量表、利润表等等。2. 业务分析:可以将不同来源的数据整合起来,生成图表和报告,进行业务分析和决策支持。3....总结VeryReport是一款功能强大、易于使用的报表制作软件。采用拖拽式设计和零编码技术,让用户能够轻松地创建高质量的报表。...该软件适用于各种应用场景,包括财务报表制作、业务分析、数据可视化和管理报告等等。VeryReport(非常报表)报表软件更多介绍:https://www.veryreport.com
在葡萄城ActiveReports报表中可以设置单级分组、嵌套分组,同时,还可以使用表格、列表以及矩阵等数据区域控件对数据源进行分组操作。...分组报表在商业报表系统中应用不胜枚举,客户信息归类统计表、商品分类统计表、销售记录年度、阅读统计等等。本文将介绍如何在葡萄城ActiveReports报表中实现分组报表。...1、创建报表文件 在应用程序中添加一个 ActiveReports 报表文件,使用的项目模板类型为 ActiveReports 页面报表。...添加完成之后从 VS 报表菜单中选择报表属性菜单项,并在外观选项卡中设置报表页边距为 1cm ?...2、打开报表资源管理器,并按照以下信息创建报表数据源 名称: NWind_CHS 类型: Micorsoft OleDb Provider OLE DB 提供程序: Microsoft.Jet.OLEDB
葡萄城ActiveReports报表支持多种格式的报表导出,包括PDF、Excel、Word、RTF、HTML、Text、TIFF以及其它图片格式,用户可以将它们应用到Windows Forms、Web...在专业版的葡萄城ActiveReports报表里,对PDF格式的数据输出又有了增强功能。现在用户可以将不可见的数字签名或者可见的文字图案加入到报表里。...本文以客户订单为例演示如何将葡萄城ActiveReports报表导出为各种格式。...1、创建报表文件 在应用程序中创建一个名为 rptInvoice.rdlx 的 ActiveReports 报表文件,使用的项目模板为 ActiveReports 页面报表。...2、打开报表资源管理器,并按照以下信息创建报表数据源 名称: NWind_CHS 类型: Micorsoft OleDb Provider OLE DB 提供程序: Microsoft.Jet.OLEDB
领取专属 10元无门槛券
手把手带您无忧上云