揭秘-ActiveReportsJS V2.2 重磅来袭，新功能抢鲜知
本帖最后由 Lenka.Guo 于 2021-11-9 16:40 编辑ActiveReportsJS 自2019年第一版本发布以来，每个新版本的发布都触动人心，不断突破前端技术限制，为前端报表领域更新新的强功能。本次我们即将发布ActiveReportsJS V2.2 ,2021年的第二个SP 版本，此次更新又为大家带来了什么实用的功能呢？
那我们一起来概览下~
1.动态创建报表-用代码运行时创建报表 :hjyzw:
如大家所知 ActiveReportsJS 的报表模板本质上是遵循既定规范的JSON 字符串，在V2.2 之前如果我们想在运行时修改报表模板或者生成报表文件，需要了解报表的JSON 结构且修改JSON 子串。如果修改某一些节点的属性值此方法是可行的，但对于动态构建表格或者矩表整个工作会非常复杂。
如大家的期望，ActiveReportsJS 毕竟是一个开发人员的工具，为了让我们开发人员用起来更自由自在，不打手，2.2 我们开放了报表结构的 TypeScript 声明，可以在Visual Studio Code 中根据智能提醒功能来用代码创建报表。更多信息点击博客了解。
示例视频：
2. 更加易用的表达式编辑器在ActiveReports JS V2.2版本中，我们更新了表达式编辑器界面，对比原来2.0及2.1的表达式编辑器更加方便和易用。旧版函数编辑器：
函数全部列在左侧当我们想看一下某个函数的使用方式时，不能很快的查找到该函数，也就是没有查找功能。
新版函数编辑器：
将函数单独分离出来，并且增加搜索功能，我们能够更快的搜索到该函数的使用方式，更加方便易用。
更多信息点击博客了解详情
3. 引入 ES模块
所有的ActiveReportsJS npm包现在都开放了原生ES模块。很多JavaScript工具，如Vite.js 使用ES 模块为开发者提供了高性能的应用开发。在V2.2中，我们的npm包全包采用ES6本身支持的模块化语法，这样一来，只要浏览器支持ES6的模块化，我们的工程就不用再费时间和精力去进行编译和打包，项目工程体积更小，build更快。
点击博客了解具体操作
4. 更丰富的图表类型
[*]ActiveReportsJS V2.2 为大家带来了新的图表类型-雷达图，并支持三种雷达图：
1. 雷达折线图
2. 雷达面积图
3. 雷达散点图
4. 雷达气泡图
更多信息点击博客了解详情
5. 自适应表格宽度
使用“表格”控件用于数据展示时候，有时根据实际业务场景需要根据用户权限来控制每列的可见性。如：人力资源管理报表中薪资一栏，对高级决策者可见，对普通员工为隐藏。这个时候我们就需要使用 ActiveReports提供的报表参数功能，接收用户身份信息后，动态控制每列的可见性。但列隐藏后，页面就会留下已隐藏列的空白，不符合实际应用场景。实际业务场景是希望列隐藏后，剩下的列可自动调整适宽，匹配纸张的宽度。
更多信息点击博客了解详情
6. 灵活控制页面报表每页运行时可见性
页面报表常用于创建制式报表，即对报表格式要求非常严格的，布局要求很精确的，可采用页面报表类型，页面报表非常适合创建类似Word的报告类的报表，因为其遵守了分页的设计模式。然而创建报告类报表时，我们往往是需要根据数据动态创建的，即有些页如果数据为空则不显示，如果有数据则显示，从而实现动态的批量生成Word报告。
ActiveReportsJS V2.2 本次增强了页面报表的页的可见性，可动态控制每页的可见性。
虽然只是表面上看是增加了一个新的属性，但解决了非常复杂的应用需求。
更多信息点击博客了解详情
7. 增强富文本框控件-增加图像标签
如大家所知我们在V2.1 中重磅发布了富文本控件，支持在报表中渲染HTML 代码，HTML 字段，我们在V2.2中也持续增强了富文本的功能，为富文本控件增加了img标签。更多信息点击博客了解详情
8. 矩表设计向导增加一键百分比计算
矩表是创建中国式复杂报表核心的数据控件，自发布了矩表设计向导后，让我们创建中国式复杂报表，数据透视表，动态行列报表更加简单，第一步解决了设计简单后，我们更加懂用户的难处，大家也想组内及组外计算也可以简单操作即可，我们在 ActiveReportsJS V2.2 中增强了复杂运算，可以一键增加占比运算，更多信息点击博客了解详情
试用 ActiveReportsJS 纯前端在线报表控件：https://www.grapecity.com.cn/developer/activereportsjs/download
页:
[1]