请选择 进入手机版 | 继续访问电脑版
 找回密码
 立即注册

QQ登录

只需一步,快速开始

Lenka.Guo 讲师达人认证 悬赏达人认证
超级版主   /  发表于:2021-9-26 11:34  /   查看:1852  /  回复:0
本帖最后由 Lenka.Guo 于 2021-11-9 16:40 编辑

ActiveReportsJS 自2019年第一版本发布以来,每个新版本的发布都触动人心,不断突破前端技术限制,为前端报表领域更新新的强功能。本次我们即将发布  ActiveReportsJS V2.2 ,2021年的第二个SP 版本,此次更新又为大家带来了什么实用的功能呢?
那我们一起来概览下~

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

如大家所知 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





本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x

0 个回复

您需要登录后才可以回帖 登录 | 立即注册
返回顶部