[]
        
(Showing Draft Content)

ActiveReportsJS V3.0 新特性

全面提供报表创建API

作为开发者,我们需要为最终用户提供简易的报表编辑器,让客户根据自己的业务场景,选择相关的业务数据生成报表,让最终用户更加简单且不中断当前业务系统的处理流程来设计报表。因此 ActiveReportsJS 开放了创建报表的API,开发者可在项目运行时动态创建报表,并进行预览,导出等。该功能对开发者来说非常方便调用API创建,预览,导出报表等。为了能够充分使用API建议使用Typescript,因为该API提供了可被Visual Studio Code或其他支持TypeScript的IDE的IntelliSense功能所识别的类型声明。

如大家所知 ActiveReportsJS 的报表模板本质上是遵循既定规范的JSON 字符串,在V2.2 之前如果我们想在运行时修改报表模板或者生成报表文件,需要了解报表的JSON 结构且修改JSON 子串。如果修改某一些节点的属性值此方法是可行的,但对于动态构建表格或者矩表整个工作会非常复杂。

如大家的期望,ActiveReportsJS 毕竟是一个开发人员的工具,为了让我们开发人员用起来更自由自在,不打手,2.2 我们开放了报表结构的 TypeScript 声明,可以在Visual Studio Code 中根据智能提醒功能来用代码创建报表。


新增表格类数据导出

很多情况下,最终用户想将报表展示的数据导出后,进行存档或者二次数据处理,比如可能您需要将报表展示的结果导出到一个Excel 表单中,进行数据分析,比如创建为新的数据透视表,图表等,或者做二次的数据编辑。 ActiveReportsJS 目前支持Excel 导出,但暂不支持将所有的数据导出单个Sheet中。为了解决该问题,我们推出了基于表格类的数据导出,支持将表格或矩表数据导出为CSV格式。

如果报表包含了多个表格或矩表,会自动导出为ZIP包,您可以很容易地将表格式数据导出的输出导入到Excel表格中。


性能增强

许多报表都广泛使用日期。例如,销售报表可以使用图表数据区域按月、年或周显示销售汇总。对于这样的报表,报表引擎需要有效地同时执行多个相关任务。

  • 从源数据中解析日期。因为ActiveReportsJS只支持JSON数据格式,而JSON数据默认是将日期保留为字符串。

  • 格式化日期,以便报表输出能够根据指定的格式显示。

  • 提取部分日期,如只取月份或年份等

在ActiveReportsJS v3.0中,我们改进了关于日期类型数据的读取操作,并测试发现大量使用日期的报表性能会提升30%。

图表向导

ActiveReportsJS中的图表数据区域提供了一套丰富的可视化功能。在ActiveReportsJS中,我们引入了全新的图表向导,您只需按照向导点击或选择就能创建高级图表:


图像控件支持URL 数据且支持SVG格式

在使用图片控件时,很多图片资源是来源于外部URL的,因为图片可能会保存到外部服务器上,因此此次升级,我们支持将图片控件直接引用外部URL来显示图片,初次之外,图像控件新增图片格式 SVG,可直接将SVG图片格式渲染到报表中。


新增Len函数

Len函数是测量字符长度的函数,通常我们会根据该数据的字符的总数来调整单元格的布局样式,因此在此次ARJSV3.0更新中我们新增加了 Len函数的支持,可测量字符的总长度,示例如下:

{Switch(Len(annualizedPremium) = 11, "6pt", Len(annualizedPremium) = 10, "7pt", Len(annualizedPremium) = 9, "8pt", 1 = 1, "9pt")}

试用 ActiveReportsJS 纯前端在线报表控件:https://www.grapecity.com.cn/developer/activereportsjs/download