ActiveReportsJS V2.2 新特性

动态创建报表-用代码运行时创建报表

如大家所知 ActiveReportsJS 的报表模板本质上是遵循既定规范的JSON 字符串，在V2.2 之前如果我们想在运行时修改报表模板或者生成报表文件，需要了解报表的JSON 结构且修改JSON 子串。如果修改某一些节点的属性值此方法是可行的，但对于动态构建表格或者矩表整个工作会非常复杂。 如大家的期望，ActiveReportsJS 毕竟是一个开发人员的工具，为了让我们开发人员用起来更自由自在，不打手，2.2 我们开放了报表结构的 TypeScript 声明，可以在Visual Studio Code 中根据智能提醒功能来用代码创建报表。

• [运行时创建报表API]](gcdocsite__documentlink?toc-item-id=98124aff-ac4e-4f05-a14a-39850e5bd800)
• 运行时创建表格示例
• 运行时创建图表设计器示例
• API 文档

引入 ES 模块

所有的ActiveReportsJS npm包现在都开放了原生ES模块。很多JavaScript工具，如Vite.js 使用ES 模块为开发者提供了高性能的应用开发。在V2.2中，我们的npm包全包采用ES6本身支持的模块化语法，这样一来，只要浏览器支持ES6的模块化，我们的工程就不用再费时间和精力去进行编译和打包，项目工程体积更小，build更快。 点击文档了解详情了解详情。

更丰富的图表类型

ActiveReportsJS V2.2 为大家带来了新的图表类型-雷达图，并支持三种雷达图：

• [雷达折线图]
• [雷达面积图]
• [雷达气泡图和散点图] 使用教程参考技术博客。

Chart Dynamic Rules

The newly introduced chart functionality allows setting a subset of visual properties depending on runtime conditions:

• Rules for Bar and Column charts
• Rules for Line charts
• Rules for Pie and Donut charts
• Rules for Scatter and Bubble charts
• Rules for Spiral charts
• Rules for Polar charts
• Rules for Radar Line charts
• Rules for Radar Scatter and Bubble charts

自适应表格宽度

使用“表格”控件用于数据展示时候，有时根据实际业务场景需要根据用户权限来控制每列的可见性。如：人力资源管理报表中薪资一栏，对高级决策者可见，对普通员工为隐藏。这个时候我们就需要使用 ActiveReports提供的报表参数功能，接收用户身份信息后，动态控制每列的可见性。但列隐藏后，页面就会留下已隐藏列的空白，不符合实际应用场景。实际业务场景是希望列隐藏后，剩下的列可自动调整适宽，匹配纸张的宽度。

灵活控制页面报表每页运行时可见性

固定页面布局 常用于创建制式报表，即对报表格式要求非常严格的，布局要求很精确的，可采用页面报表类型，页面报表非常适合创建类似Word的报告类的报表，因为其遵守了分页的设计模式。然而创建报告类报表时，我们往往是需要根据数据动态创建的，即有些页如果数据为空则不显示，如果有数据则显示，从而实现动态的批量生成Word报告。

增强富文本框控件-增加图像标签

富文本框控件 现在支持 img 标签 ，可直接在项目中显示图像资源。

矩表设计器增强

矩表是创建中国式复杂报表核心的数据控件，自发布了矩表设计向导后，让我们创建中国式复杂报表，数据透视表，动态行列报表更加简单，第一步解决了设计简单后，我们更加懂用户的难处，大家也想组内及组外计算也可以简单操作即可，我们在 ActiveReportsJS V2.2 中可以一键增加占比运算。

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