V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
GrapeCityChina
V2EX  ›  推广

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

  •  1
     
  •   GrapeCityChina · 2020-11-10 12:08:32 +08:00 · 2806 次点击
    这是一个创建于 1260 天前的主题,其中的信息可能已经有所发展或是发生改变。

    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 条回复    2020-11-12 11:44:48 +08:00
    nnnToTnnn
        1
    nnnToTnnn  
       2020-11-10 15:23:55 +08:00
    不开源,说实话风险很高的,并不自由,受限于提供商
    nnnToTnnn
        2
    nnnToTnnn  
       2020-11-10 15:24:58 +08:00
    说实话,我选型,宁可选择那种复杂的解决方案,或者购买开源的解决方案,闭源的话,要改什么东西太麻烦了。
    efaun
        3
    efaun  
       2020-11-10 16:12:53 +08:00
    数据这玩意,不开源不能自己部署根本不敢用
    toma77
        4
    toma77  
       2020-11-10 16:23:31 +08:00
    不敢用。。
    lower
        5
    lower  
       2020-11-10 16:43:21 +08:00
    v 站之前有作者发过自己写的开源表格工具项目,感觉功能也挺强大的……
    ltm
        6
    ltm  
       2020-11-10 20:20:46 +08:00   ❤️ 4
    huruwo
        7
    huruwo  
       2020-11-11 09:04:47 +08:00
    楼上的 开源怎么收费呢 靠捐赠也不行吧
    lixuda
        8
    lixuda  
       2020-11-11 09:10:46 +08:00
    @ltm 什么时候能支持导入 excel 文件?
    37Y37
        9
    37Y37  
       2020-11-11 09:18:42 +08:00
    @ltm 厉害了大佬,这就去看看
    cydian
        10
    cydian  
       2020-11-11 09:35:58 +08:00 via Android
    开源和收费有什么矛盾?
    @huruwo
    YoyoMa
        11
    YoyoMa  
       2020-11-11 09:52:12 +08:00
    砸场子
    YoyoMa
        12
    YoyoMa  
       2020-11-11 09:52:51 +08:00
    huruwo
        13
    huruwo  
       2020-11-11 10:20:29 +08:00
    @cydian 如果没有其他增值服务 开源=免费 尤其是工具类的东西
    colorfulberry
        14
    colorfulberry  
       2020-11-12 10:34:14 +08:00
    wps 这个在线的按容量付费总感觉挺好的
    mifan0
        15
    mifan0  
       2020-11-12 10:44:01 +08:00
    @huruwo 开源不等于免费哦,没钱怎么长期维护下去,靠爱吗?
    huruwo
        16
    huruwo  
       2020-11-12 11:44:48 +08:00
    @mifan0 是啊 所以说开源必须有增值服务的收费功能才可以 不如就是用爱发电了
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   5102 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 30ms · UTC 09:43 · PVG 17:43 · LAX 02:43 · JFK 05:43
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.