x
秀活字格应用,赢取华为平板——2022 企业级低代码应用大赛正在进行中 立即参赛 秀活字格应用,赢取华为平板——2022 企业级低代码应用大赛正在进行中 观看回放 秀活字格应用,赢取华为平板——2022 企业级低代码应用大赛正在进行中
  • 产品与技术
    • 低代码
    • 活字格低代码平台
    • 低代码技术
    • 智能报表
    • Wyn(商业智能软件)
    • ActiveReportsJS(纯前端报表控件)
    • ActiveReports(.NET报表控件)
    • 报表模板库
    • 表格控件
    • SpreadJS(纯前端表格控件)
    • GcExcel(服务端表格组件)
    • Spread .NET(.NET表格控件)
    • 葡萄城表格技术
    • 控件套包
    • GrapeCity Documents(服务端文档组件库)
    • WijmoJS(前端UI组件库)
    • ComponentOne Enterprise(.NET控件集)
  • 客户与案例
    • 典型客户
    • 成功案例
    • 用户访谈
  • 伙伴与生态
    • 合作伙伴网络
    • 葡萄城市场
    • 葡萄城与国产化
    • 活字格用友客开工具
  • 技术服务
    • 定制培训
    • 技术服务体系
    • 技术社区(GCDN)
    • 新手训练营
    • 技术认证体系
    • 金牌服务
    • 技术博客
  • 品牌活动
    • 葡萄城公开课
    • 企业级低代码应用大赛
    • 品牌战略发布会
    • 赋能开发者高峰论坛
    • 企业级低代码发展研讨会
    • 表格技术研讨会
  • 了解葡萄城
    • 关于葡萄城
    • 葡萄城简介
    • 愿景使命
    • 企业理念
    • 企业文化
    • 研发与创新
    • 荣誉奖项
    • 加入我们
    • 新闻中心
    • 葡萄城动态
    • 产品动态
    • 业务资讯
    • 校企合作
  • ActiveReportsJS

    • 产品首页
    • 在线报表设计器
    • 功能介绍
    • 产品学习计划
    • Demo 演示
    • 应用场景
      • 返回
        • 产品应用场景
        • 类Word报告
        • 表格类报表
        • 移动端报表
      • 返回
        • 行业解决方案
        • 医疗行业
        • 保险行业
        • 生产制造行业
    • 用户案例
    • 资源中心
    • 立即试用

ActiveReportsJS 报表控件 - 历史版本

ActiveReportsJS 历史版本

  • V2.0 Update2
  • V2.0 Update1
  • V2.0

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设计器

Web设计器使用教程:

  • ActiveReportsJS报表设计器:集成
  • 使用ActiveReportsJS设计器预览报表
  • 使用ActiveReportsJS设计器保存报表
  • 使用ActiveReportsJS报表设计器预置数据源

丰富API满足个性化集成需要

ActiveReportsJS V2.0 支持前后端分离开发模式,能与Vue、Angular、React 等框架集成。此版本新增近百个 API接口,其中包含在线报表设计器,报表对象,及报表展示工具等 API, 您可以通过调用在线设计器的保存,预览,加载预置资源等 API 实现在线设计器与项目的无缝集成,完全嵌入到项目中,实现从报表设计,预览,到保存的完整功能。您也可以通过调用报表一键打印和导出接口实现无预览打印和导出,以及更多报表对象的参数传递,加载等接口,满足你深度定制、无缝集成的需要。

丰富API满足个性化集成需要

Web设计器与前端框架集成:

  • ActiveReportsJS Web 设计器与 PureJS 集成
  • ActiveReportsJS Web 设计器与 Angular 框架 集成
  • ActiveReportsJS Web 设计器与 React 框架 集成
  • ActiveReportsJS Web 设计器与 Vue 框架 集成

高级数据绑定功能

在 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 可深度定制并集成到您系统中,满足在线报表设计、明细报表、数据透视表、图表、参数查询、打印和导出等报表需要。

产品与服务
活字格低代码平台
Wyn 商业智能软件
SpreadJS纯前端表格控件
技术服务体系
技术博客
低代码技术
客户与案例
典型客户
成功案例
用户访谈
合作与生态
合作伙伴网络
葡萄城市场
葡萄城与国产化
活字格用友客开工具
品牌活动
葡萄城公开课
品牌战略发布会
赋能开发者高峰论坛
企业级低代码发展研讨会
企业级低代码应用大赛
表格技术研讨会
了解葡萄城
葡萄城简介
愿景使命
研发与创新
荣誉奖项
加入我们
联系方式
联系我们
400-657-6008

葡萄城社区二维码

关注“葡萄城社区”

赋能开发者

全球领先的软件开发技术和低代码平台提供商

陕ICP备2020018819号  |   陕公网安备:61019002000258  |   隐私政策  |   网站地图  |  

国家   china
  • china   China
  • united_states   USA - International
  • japan   Japan
  • south-korea   South Korea

邮箱: info.xa@grapecity.com  |  Copyright © 2022 GrapeCity inc.

返回顶部