ActiveReportsJS 报表控件 - 历史版本
ActiveReportsJS 历史版本
V2.0 Update2
在代码运行时创建报表
众所周知，ActiveReportsJS 的报表模板本质上是遵循既定规范的 JSON 字符串，在 V2.0 Update 2 之前，如果您想在运行时修改报表模板或者生成报表文件，需要了解报表的 JSON 结构并且修改 JSON 字符串。如果仅修改某一些节点的属性值，此方法暂时可行，但对于动态构建表格或者矩表来说，整个工作会变得非常复杂。
作为专业的报表开发工具，为了让开发人员用起来更加自由可控，ActiveReportsJS V2.0 Update 2 开放了报表结构的 TypeScript 声明，开发人员可以在 Visual Studio Code 中根据智能提示功能，用代码动态创建报表。
示例视频：
更多信息 点击博客了解详情。
更加易用的表达式编辑器
ActiveReports JS V2.0 Update 2 版本中更新了表达式编辑器界面，比原来的版本，更加方便和易用。
旧版函数编辑器：函数全部列在左侧，当您想看一下某个函数的使用方式时，无法通过查找，快速定位到该函数。
新版函数编辑器：将函数单独分离出来，且增加搜索功能，您能够更快的搜索到该函数的使用方式，更加方便易用。
更多信息 点击博客了解详情。
引入ES模块
ES模块为使用 Vite.js 等工具的开发者提供了更高性能的应用开发能力。在 ActiveReportsJS V2.0 Update2 中，所有的 npm 包都开放了原生ES模块，采用 ES6 本身支持的模块化语法。这样一来，只要浏览器支持 ES6 的模块化，您就不用再费时间和精力去进行编译和打包，可以让项目工程体积更小、build更快。
更多信息 点击博客了解详情。
更丰富的图表类型
ActiveReportsJS V2.0 Update 2 为大家带来了新的图表类型——雷达图，共支持四种类型：
- 折线雷达图
- 面积雷达图
- 散点雷达图
- 气泡雷达图
更多信息 点击博客了解详情。
自适应表格宽度
根据实际业务场景的不同，使用“表格”控件展示数据时，您可能会需要根据用户权限来控制每列的可见性。如：人力资源管理报表中薪资一栏，对高级决策者可见，对普通员工为隐藏。这个时候开发通常会使用 ActiveReportsJS 提供的报表参数功能，接收用户身份信息后，动态控制每列的可见性。但列隐藏后，页面就会留下已隐藏列的空白，用户观感不佳。V2.0 Update2 实现了自适应表格宽度功能，剩下的列可自动调整适宽，匹配纸张的宽度。
更多信息 点击博客了解详情。
灵活控制页面报表每页运行时可见性
页面报表常用于创建制式报表，是对报表格式要求严格、布局要求精确的报表类型。页面报表非常适合创建类似Word报告类的报表，因为其遵守了分页的设计模式。然而创建报告类报表时，开发者往往需要根据数据结构动态创建。有些报表页如果数据为空不显示，如果有数据则显示，从而实现动态批量生成Word报告。
ActiveReportsJS V2.0 Update 2 版本增强了页面报表的页可见性属性设置，可动态控制每页的可见性。该属性非常好的解决了上述类Word报告动态生成的需求。
更多信息 点击博客了解详情。
增强富文本框控件一增加图像标签
在之前的版本中，ActiveReportsJS 提供了富文本控件，支持在报表中渲染 HTML 代码、HTML字段。V2.0 Update 2 持续增强了富文本的功能，为富文本控件增加了 img 标签。
更多信息 点击博客了解详情。
矩表设计向导增加一键百分比计算
矩表，是中国式复杂报表的核心数据控件。ActiveReportsJS 内置矩表设计向导，可创建中国式复杂报表、数据透视表、动态行列报表，深受开发者好评。V2.0 Update2 对其易用性做了进一步提升，增加了一键快速计算组内及组外百分比功能。
更多信息 点击博客了解详情。
V2.0 Update1
全新且强大的富文本控件，突破纯前端报表技术限制
在报表中渲染HTML 标签代码，这个功能我想您一定也很需要且很紧迫，像一些论坛信息的存储，部分文字中的特殊样式的或强调的控制，都非常需要随时能够嵌入HTML 标签来达到布局的效果。
ActiveReportsJS V2.0 Update1 此次更新，为我们带来最为强大的富文本控件，识别HTML标签字段或者静态HTML 代码。更多关于富文本控件参考博客： 富文本控件
设计界面：
预览界面：
提升表达式编写体验，更加符合业务人员的操作习惯
表达式运算一直是 ActiveReportsJS 报表控件的强大之处，可以进行逻辑处理，数据运算等实现运行时的报表功能。但在使用表达式时，表达式会携带字段提示信息，造成表达式过长的问题。此次 ActiveReports JS V2.1 对于表达式进行了全方位的优化升级，更加贴近用户的使用习惯， 如传统写法：=Avg(Fields!Price.Value)； 新表达式写法 {Avg(Price)}
如在 ARJS V2.0 之前我们需要表达式拼接 Post Body 值时，结果对比如下：
目标样式：
{
"datasourceId":"5fa1586d-c6b5-457a-aea5-3fcc42263ac3",
"rowLimit":100,
"schemaName":"",
"tableName":"员工",
"dataSourceParameters":[]
}
旧表达式拼接结果：
"{"&""""&"datasourceId"&"""" &":" &""""& Parameters!P1.Value&""","&""""&"rowLimit"&""""&":"&"100"&","&""""&"schemaName"&""""&":"&""""&"""," &""""&"tableName"&""""&":"&""""&"员工"&""""&","&""""&"dataSourceParameters"&""""&":[]}"
ARJS V2.0 Update1 新表达式展示结果：
{
{
"datasourceId":"{@P1}",
"rowLimit":100,
"schemaName":",
"tableName":"员工",
"dataSourceParameters":[]
}
}
更多新表达式参考博客： 全新的报表表达式
升级的矩表向导，助您快速创建满足业务场景的数据透视表
矩表控件，可以称为 ActiveReportsJS 最为核心的数据控件，是创建中国式复杂报表的强大数据控件，它能够根据数据动态生成行列。 矩表用来显示按行和列进行分组的数据汇总，适用于行和列都是由数据动态构成的交叉分析表。最常见的应用场景为数据横向转置和数据的多维度交叉分析。 矩表与表格最关键的区别在于矩表的行和列都可以动态扩展，而表格的列则是相对固定的。也是数据透视表的唯一选择。
此次 ActiveReportsJS V2.0 Update1 的发布又一次增强了矩表的创建向导，不仅能够快速生成多维交叉的数据透视表，且可以直接进行行列转换，达到目标效果。
对于数据透视表，动态行列只是透视表的一部分，对于数据运算也是非常重要的一项功能，在分析数据透视表的过程中，我们最常见的数据分析便是分组内及跨分组的同比，环比的运算，这个对于 ARJS 之前的版本而言，我们需要编写非常复杂的表达式，使用 LookUp 函数进行数据集整合才能够获取，但在此次更新中，内置复杂计算逻辑，用户可以一键生成。
提升数据过滤器体验，支持多条件并行过滤
在 ActiveReportsJS 中支持数据的运行时过滤，但在此之前只能设置多条件“And”运算，无法执行“或”运算，本次更新后，可在任何支持过滤器的数据控件中，添加多个条件，并设置“与”、“或”规则，实现更为复杂的数据过滤。
V2.0
纯前端的Web设计器
ActiveReportsJS V2.0 提供的在线报表设计器，可以直接集成到基于 B/S 架构的应用系统中，满足最终用户自定义报表的设计需要。拖拽式报表设计极易使用，无须具备专业的软件开发背景，也能快速设计明细报表、数据透视表、Word文档、图表和参数查询等类型的报表。
Web设计器使用教程：
丰富API满足个性化集成需要
ActiveReportsJS V2.0 支持前后端分离开发模式，能与Vue、Angular、React 等框架集成。此版本新增近百个 API接口，其中包含在线报表设计器，报表对象，及报表展示工具等 API， 您可以通过调用在线设计器的保存，预览，加载预置资源等 API 实现在线设计器与项目的无缝集成，完全嵌入到项目中，实现从报表设计，预览，到保存的完整功能。您也可以通过调用报表一键打印和导出接口实现无预览打印和导出，以及更多报表对象的参数传递，加载等接口，满足你深度定制、无缝集成的需要。
Web设计器与前端框架集成：
高级数据绑定功能
在 ActiveReportsJS V2.0 持续增强数据绑定能力，包括支持REST API、GraphQL 及 OData 数据，也可以动态配置请求参数，如HTTP 方法（Post/Get）、查询字串、HTTP Handle 等。也支持在报表运行时通过 API 动态传递参数、动态设置 JSON 数据集等高级用法。而且能够自动解析 OData API 返回的主从数据关系，快速设计主从报表，比如：订单基础信息+订单产品明细、检查报告概要+检查明细项目等。
具体使用教程参考： 使用 ActiveReportsJS 高级的数据绑定功能
更多新特性
- 支持导出HTML 文件时内嵌图片，可以保证将所有HTML 资源文件形成一个压缩包，后避免图片文件丢失
- 支持渲染复选框为SVG类型，避免在进行缩放展示包含复选框的报表时，无法精确显示复选框内容
- 在页面报表中，支持根据条件来动态设置多页的可见性，如打印，导出时候控制每页的可见性
- 全新的数据集对话框，使得您可以配置更多的Json 数据连接信息
最后，ActiveReportsJS 提供纯前端报表设计和展示能力，可快速集成到 Vue、PureJS、React 等框架中，丰富 API 可深度定制并集成到您系统中，满足在线报表设计、明细报表、数据透视表、图表、参数查询、打印和导出等报表需要。
陕公网安备：61019002000258
USA -
International
Japan
South Korea