V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member  Sign In
如果想在 V2EX 获得更好的推广效果,欢迎了解 PRO 会员机制:
https://www.v2ex.com/pro/about
GrapeCityChina
V2EX  ›  推广

纯前端表格控件 SpreadJS V14.0 发布:组件化编辑器+数据透视表

  •  1
     
  •   GrapeCityChina · Nov 10, 2020 · 3501 views
    This topic created in 2000 days ago, the information mentioned may be changed or developed.

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

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

    image.png

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

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

    在详细介绍 SpreadJS V14.0 的新特性之前,请同步下载体验:

    纯前端表格控件 SpreadJS V14.0 下载

    SpreadJS V14.0 新特性介绍

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

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

    image.png

    ( SpreadJS 的数据透视表)

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

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

    image.png

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

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

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

    点击此处,下载 SpreadJS 组件化表格编辑器

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

    1. 应用方式更灵活

    image.png

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

    1. 更易嵌入、移植

    image.png

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

    1. 体积更小,秒级加载

    image.png

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

    1. 定制更容易,交互更丰富

    image.png

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

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

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

    image.png

    ( SpreadJS 的迭代计算功能)

    image.png

    (迭代计算的实例演示)

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

    image.png

    ( SpreadJS 的 XMatch & XLookup 函数)

    image.png

    ( SpreadJS 的 LET 函数)

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

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

    image.png

    ( SpreadJS 的 HTML 导出功能)

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

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

    image.png

    ( SpreadJS 的渐进填充效果)

    image.png

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

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

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

    image.png ( SpreadJS 的漏斗图)

    image.png

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

    image.png

    ( SpreadJS 的图表轴交叉功能)

    image.png

    ( SpreadJS 的 GapWidth & Overlap 调整效果)

    image.png

    ( SpreadJS 的 holeSize 属性调整效果)

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

    16 replies    2020-11-12 11:44:48 +08:00
    nnnToTnnn
        1
    nnnToTnnn  
       Nov 10, 2020
    不开源,说实话风险很高的,并不自由,受限于提供商
    nnnToTnnn
        2
    nnnToTnnn  
       Nov 10, 2020
    说实话,我选型,宁可选择那种复杂的解决方案,或者购买开源的解决方案,闭源的话,要改什么东西太麻烦了。
    efaun
        3
    efaun  
       Nov 10, 2020
    数据这玩意,不开源不能自己部署根本不敢用
    toma77
        4
    toma77  
       Nov 10, 2020
    不敢用。。
    lower
        5
    lower  
       Nov 10, 2020
    v 站之前有作者发过自己写的开源表格工具项目,感觉功能也挺强大的……
    ltm
        6
    ltm  
       Nov 10, 2020   ❤️ 4
    huruwo
        7
    huruwo  
       Nov 11, 2020
    楼上的 开源怎么收费呢 靠捐赠也不行吧
    lixuda
        8
    lixuda  
       Nov 11, 2020
    @ltm 什么时候能支持导入 excel 文件?
    37Y37
        9
    37Y37  
       Nov 11, 2020
    @ltm 厉害了大佬,这就去看看
    cydian
        10
    cydian  
       Nov 11, 2020 via Android
    开源和收费有什么矛盾?
    @huruwo
    YoyoMa
        11
    YoyoMa  
       Nov 11, 2020
    砸场子
    YoyoMa
        12
    YoyoMa  
       Nov 11, 2020
    huruwo
        13
    huruwo  
       Nov 11, 2020
    @cydian 如果没有其他增值服务 开源=免费 尤其是工具类的东西
    colorfulberry
        14
    colorfulberry  
       Nov 12, 2020
    wps 这个在线的按容量付费总感觉挺好的
    mifan0
        15
    mifan0  
       Nov 12, 2020
    @huruwo 开源不等于免费哦,没钱怎么长期维护下去,靠爱吗?
    huruwo
        16
    huruwo  
       Nov 12, 2020
    @mifan0 是啊 所以说开源必须有增值服务的收费功能才可以 不如就是用爱发电了
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   955 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 63ms · UTC 23:19 · PVG 07:19 · LAX 16:19 · JFK 19:19
    ♥ Do have faith in what you're doing.