背景 最近在一个 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 这个空白模板也预览出来，如果不想要这个空白页，直接将
前段时间的一个项目用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 一个完整的报表就做完了
在葡萄城ActiveReports报表中可以实现分栏报表布局样式，可以设置横向分栏、纵向分栏，同时进行分栏和分组设置，统计分栏分组的小计、合计等。...在商业报表系统中常见的分栏报表有商品标签、员工工卡、条码打印等。本文主要讲解如何在葡萄城ActiveReports报表中实现横向分栏、纵向分栏和分组分栏报表。...1、横向分栏报表 1.1、在 ASP.NET 应用程序中添加一个名为 rptAcrossDown.cs 的 ActiveReports 报表文件，选择的项目模板类型为 ActiveReports 7 区域报表...报表创建完成之后点击 detail 左上角的数据源图表，按照下图中的信息创建报表数据源： ?...3、分组分栏报表 在设置分栏的同时，我们还可以设置报表的分组信息，以完成数据的分组显示和数据统计。
那么今天的文章主要内容是怎样从PBI批量爬取在线的财务报表数据。直接进入正题。...3 数据标准化 由于网易数据源的缘故，财务报表的科目明细和整体数值是分开的，那就分别作为维度表和事实表，都增加索引列，在模型建模建立连接即可。 ?...4 批量爬取其他公司报表 观察下网址结构，一串文字+股票代码，逻辑简单。那通过“上市公司行业分类表”中的股票代码便可批量导入 ? 第一步，建立参数：取名“Web” ?...第三步，创建自定义函数，取名zcfcb ? ? 第四步，在从PDF文件获取的上市公司股票代码表中做筛选，考虑股票代码很多，获取全部数据非常耗时，我们先只筛选前3只股票。 ?...选择“添加列”，调用自定义函数，增加一列。 ? 字段“zcfcb”的每一个单元格中的Table都是一张完整的资产负债表数据，这种方案是先解决局部，再向上逐一击破，打开表格就是完整的数据。 ?
提起分栏报表，它的数据组织形式就如同小时候使用的数学作业本一样，将数据分为多栏显示，当然写作业时有的人习惯横向写，有的人则喜欢竖着写完，在写另一栏。...所有的电子技术都是采用隐喻的手法，从物理世界而来，分栏报表也是源于生活，分栏报表也可以行分栏（竖向分栏）和列分栏（横向分栏）。分栏数可以分为两栏或多栏。...在商业报表系统中常见的分栏报表有商品标签、员工工卡、条码打印等。由此可见，分栏报表常用于需要重复显示结构相同的条目信息，如商品标签中，标签结构相同，只是填充的商品信息不同等。...采用分栏报表可以很大程度上的节省空间且美观。如此重要的报表分类要是实现操作能够简便易操作设置，就更好。本文使用葡萄城报表的分栏设置，来解决分栏报表需求。 分栏报表实现 1. 新建RDL报表 2....设置分栏属性 选择报表的灰色区域，点击属性对话框命令，注意设置分栏数量，一定要保证报表的纸张宽度> 单栏宽度* 分栏数量，否则分栏效果不会出来。 6. 预览 转载请注明出自：葡萄城报表
VeryReport，又称非常报表，是一款国内知名的报表制作软件。由中创微软件独立研发，具有完全自主产权的报表软件。...预设样式和模板：提供了丰富的预设样式和模板，用户可以根据需要自定义模板。4. 实时预览：提供实时预览功能，用户可以随时查看报表的最终效果。5....财务报表制作：可以轻松地制作各种财务报表，例如资产负债表、现金流量表、利润表等等。2. 业务分析：可以将不同来源的数据整合起来，生成图表和报告，进行业务分析和决策支持。3....总结VeryReport是一款功能强大、易于使用的报表制作软件。采用拖拽式设计和零编码技术，让用户能够轻松地创建高质量的报表。...该软件适用于各种应用场景，包括财务报表制作、业务分析、数据可视化和管理报告等等。VeryReport（非常报表）报表软件更多介绍：https://www.veryreport.com
就我而言，不建议使用这个FineReport里面的决策报表，还是用FineBI里面的决策报表好用，阔以在web端进行设计，其实都一样。...[财务][数据化分析][帆软]报表设计-决策报表设计模式 1....决策报表整体介绍 点击菜单文件>新建决策报表，即可新建一张决策报表，可为决策报表添加不同的组件，其中这些组件包括空白块（Tab 布局、绝对画布块、报表块）、参数面板、图表块、控件等类型，如下图所示：...2.1 参数面板 参数面板是指，为决策报表添加过滤参数面板，所有过滤控件全部添加在该面板上。 2.2 空白块 空白块中包含 Tab 块、绝对画布块和报表块。...决策报表设计的详细介绍及示例请查看 决策报表设计。
在葡萄城ActiveReports报表中可以设置单级分组、嵌套分组，同时，还可以使用表格、列表以及矩阵等数据区域控件对数据源进行分组操作。...分组报表在商业报表系统中应用不胜枚举，客户信息归类统计表、商品分类统计表、销售记录年度、阅读统计等等。本文将介绍如何在葡萄城ActiveReports报表中实现分组报表。...1、创建报表文件 在应用程序中添加一个 ActiveReports 报表文件，使用的项目模板类型为 ActiveReports 页面报表。...添加完成之后从 VS 报表菜单中选择报表属性菜单项，并在外观选项卡中设置报表页边距为 1cm ?...2、打开报表资源管理器，并按照以下信息创建报表数据源 名称： NWind_CHS 类型： Micorsoft OleDb Provider OLE DB 提供程序： Microsoft.Jet.OLEDB
在葡萄城ActiveReports报表中，可以设置报表中不同控件的样式，然后把这些样式保存到一个外部的XML文件当中，供其他报表使用。...如果用户希望同一份报表以不用的外观分发，只需要简单地修改样式表单，无需逐个改变每个报表中的单个控件的字体、颜色、尺寸等。...报表文件，使用的项目模板为葡萄城ActiveReports报表的页面报表，创建完成之后从 VS 的报表菜单项中选择转换为连续页面布局(CPL)报表，将固定页面报表转换为连续页面报表。...2、打开报表资源管理器，并按照以下信息创建报表数据源 名称： NWind_CHS 类型： Micorsoft OleDb Provider OLE DB 提供程序： Microsoft.Jet.OLEDB...创建完成以上主题样式之后，为报表指定一个主题，我们在设计时指定的主题样式为 Style1 ?
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
云直播
对象存储
