html 组件化 编辑器,SpreadJS V14.0发布:组件化编辑器+数据透视表

SpreadJS V14.0发布:组件化编辑器+数据透视表

2020年11月10日 15:35作者:黄页编辑:黄页

分享

SpreadJS 是一款基于 HTML5 的纯前端表格控件,兼容 450 种以上的 Excel 公式,具备"高性能、跨平台、与 Excel 高度兼容"的产品特性,可为用户提供高度类似 Excel 的功能,满足 Web Excel组件开发、 表格文档协同编辑、 数据填报、 类Excel报表设计等业务场景需求,极大的降低企业的研发成本和项目交付风险。

产品自面市以来,备受华为、苏宁易购、天弘基金、远光软件等各领域龙头企业的青睐,并于2020年被中国软件行业协会认定为"中国优秀软件产品"。

d60eefd75f3b38ce4f1b25476144c242.png

日前,SpreadJS 正式发布V14.0版本。从该版本开始,SpreadJS推出了数据透视表功能,进一步降低企业数据分析的门槛,提升系统数据处理的能力。

此外,SpreadJS 还在 V14.0中发布了组件化的在线表格编辑器,提供了更易嵌入、秒级加载、灵活定制的功能。在线表格编辑器可与SpreadJS 旧版本集成,助力开发者在主流前端 JS 框架中,实现高性能的模板设计、在线编辑、填报和数据绑定等功能。

以下为SpreadJS V14.0 的新特性介绍:

1. 数据透视表:完美再现Excel 强大的数据分析能力

作为一款功能布局与 Excel 高度类似的纯前端表格控件,SpreadJS不但兼容了450 种以上的 Excel 公式、32 种图表和 18 种迷你图,还在此版本中正式推出数据透视表功能。

e6f73c4f7d4fb6301bcd6b930d2a58ac.png

(SpreadJS的数据透视表)

如上图所示,SpreadJS的数据透视表已具备了 Excel 透视表的绝大部分功能,包括透视面板、透视表字段、筛选器、值字段设置、数据排序、分类汇总等。

通过50万行数据测试,SpreadJS 的数据透视表仍表现出极高的数据处理性能,所有操作在527毫秒内即可执行完毕。

a52da00f12925370a17b9dd3cfe04117.png

2. 组件化的在线表格编辑器:更易嵌入、秒级加载、灵活定制

在线表格编辑器作为 SpreadJS 的增强组件,可轻松嵌入各类前端页面,内置开放的 API 和类 Excel 的 UI 设计元素,助力开发者在 Angular、Vue、React 等前端 JS 框架中,实现高性能的模板设计、在线编辑/填报和数据绑定等功能,并为最终用户带来高度类似 Excel 的使用体验。

在 V14.0版本中,SpreadJS推出了基于组件化设计架构的在线表格编辑器,该编辑器以 Dom 作为容器,通过前端组件的形式发布,可以在本地下载试用,无任何功能限制。

组件化的在线表格编辑器具备如下优势:

应用方式更灵活

4c56497357d321b0714f03a77ce70351.png

(组件化的设计架构,应用方式更灵活)

更易嵌入、移植

d1a46534ddf613c0cf536a2ba150a06d.png

(不依赖任何第三方类库)

体积更小,秒级加载

e5879ad85c0001b9919190ade7596229.png

(体积不到 4 MB,秒级即可完成加载)

定制更容易,交互更丰富

76468034e4472182376f2a792afb7d18.png

(用声明式语法代替 HTML 源代码,定制更容易)

3. 公式函数:支持迭代计算,加入XMatch & XLookup、LET 等新函数

SpreadJS在当前版本中支持了迭代计算,即可通过一个递推公式反复校正设定的初始近似值,直至达到预定精度要求为止,具体实现如下所示:

5f4caad862fd3c40f0889c8580908f8b.png

(SpreadJS的迭代计算功能)

b3320fe71505f855210440456bb4574f.png

(迭代计算的实例演示)

除了迭代计算,SpreadJS 还在当前版本中加入了XMatch & XLookup,以及LET函数

542f700ad45d86008df4078ff6d4b989.png

(SpreadJS 的 XMatch & XLookup函数)

e3571bbee6bfb67d2a36aa68c032c8a6.png

(SpreadJS 的 LET函数)

4. 导入导出:支持渐进加载、HTML 导出

在当前版本中,SpreadJS 不仅可直接在浏览器中完成 Excel、CSV、JSON 等文件的导入导出、PDF 导出、打印及预览操作,还加入了渐进加载、HTML 导出等更多新功能。

31836e5472d263fdb2b068945e74c664.png

(SpreadJS 的 HTML 导出功能)

5. 单元格:支持渐进填充、多列选择

SpreadJS已支持单元格渐进填充效果,可实现多列选择、行列头支持公式函数以及迷你图等功能。

8bb8153e382f2b78d7e2ecbefc01cf9f.png

(SpreadJS 的渐进填充效果)

3bab412471b63879ba60382b621fa133.png

(SpreadJS 的行列头支持公式及迷你图)

6. 数据可视化:新增漏斗图,支持图表轴交叉属性

SpreadJS在当前版本中新增了漏斗图类型,并支持图表模板填充、GapWidth & Overlap 调整、环形图的 holeSize 属性调整,以及图表轴交叉等新功能。

66b0713ec39920b0956efc446bca2fc0.png

(SpreadJS 的漏斗图)

f0d7e0d09b88e386d004e0e1dd4ff618.png

(SpreadJS 的图表模板填充效果)

3301e19b68c0028b125b668a4647590b.png

(SpreadJS 的图表轴交叉功能)

ca83ccb37cb142e843460274fd5b313f.png

(SpreadJS 的GapWidth & Overlap 调整效果)

以上就是纯前端表格控件SpreadJS V14.0的主要功能介绍,如需了解更多新版本信息,欢迎访问SpreadJS 的产品官网。

转载请注明出处。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值