很高兴地宣布推出SpreadJSSpreadJSSpreadJS v19,这是一个功能丰富的版本,涵盖数据可视化、分析、易用性等方面,并提供实时协作AI 助手。此版本引入了新的图表类型、改进的设计器功能、更好地与现代框架集成,并在各个方面进行了多项效率和性能提升。开发者可以期待借助这些更新构建更强大、更直观的电子表格应用程序。

准备好深入了解细节了吗?让我们一起来探索 SpreadJS v19 各个领域的新特性。

立即下载最新版 SpreadJS!


新的协作服务器插件

协作服务器正式发布

SpreadJS v19 引入了协作服务器 (Collaboration Server),这是一套可选的强大协作功能集,旨在为 JavaScript 电子表格带来无缝的实时编辑体验。这些协作功能类似于Excel 网页版Google Sheets中的功能。无论您是为团队、企业还是嵌入式 SaaS 工具构建应用程序,这些功能都能消除同步延迟、简化用户交互,并降低跨用户维护数据状态一致性的复杂性。

创建实时电子表格协作应用程序 | 开发者解决方案

SpreadJS协作服务器提供了一个完整的解决方案,支持跨用户实时编辑。该服务器基于Node.js构建,客户端与之无缝集成。协作服务器支持变更跟踪、冲突解决、用户权限管理和真正的实时编辑。   

实时编辑

在共享的电子表格或文档中直接显示实时协作者活动,包括光标、选择和编辑位置。

冲突解决

通过运营转型 (OT)引擎,使每个用户的视图实时同步,从而确保数据准确性,并实现跨会话的无冲突协作。

权限控制

在协作电子表格中设置精细的编辑和查看权限,以确保安全灵活的实时协作。

全新的协作服务器,让您尽享以上所有功能以及更多精彩内容!

了解更多信息,请参阅我们的协作服务器文档在线演示示例我们的介绍视频


新的AI助手插件

AI助手正式发布

SpreadJS v19 引入了一个可选的AI 助手插件,其中包含一套强大的全新 AI 驱动功能,旨在改变用户与 JavaScript 电子表格的交互方式。

这款 AI 助手插件就像一位 Excel 专家坐在用户旁边,帮助他们轻松创建复杂的 Excel 工作簿。

在 JS Web 应用中添加 AI 助手,使用户能够处理复杂数据

SpreadJS AI 助手提供以下功能:

使用自然语言生成和解释公式

在 AI 公式编辑器中使用自然语言,即可立即生成 Excel 风格的公式,并获得复杂公式的清晰、分步解释——所有这一切都可以在一个简化的体验中完成。

基于描述性输入生成数据透视表

使用 SpreadJS 中的 AI 驱动型数据透视表工具,通过简单的自然语言输入,即可即时生成布局并获得智能数据洞察。

用于文本处理和翻译的 AI 工作表函数

SpreadJS 中的 AI 功能可让您直接在单元格中查询数据、翻译内容和分析情感,从而将自然语言智能带到电子表格的每个部分。

了解更多信息,请参阅我们的AI 辅助文档AI 实时演示或我们最近的在线研讨会


公式

利用 Web Worker 提升计算性能

全新的calcWorker 插件将电子表格计算任务卸载到 Web Worker 中,从而在密集型重新计算期间保持主线程的响应速度。启用此插件可以提高性能,并避免在处理大型或包含大量公式的工作簿时出现 UI 卡顿。

性能基准

与主线程中的增量计算相比,calcWorker 增量计算需要 Web Worker 与主线程通信的时间,但 Web Worker 可以卸载大部分单元格公式计算任务。

如下面的基准测试所示,使用大量使用公式的工作簿,整体计算速度可以提高 2 倍以上。

基准测试 主线程增量计算 calcWorker增量计算
基准 1 12.3秒 6.5秒
基准测试 2 9.74秒 3.48秒
基准测试 3 6.7秒 4.9秒
基准测试 4 12.8秒 8.5秒

请参阅我们的增量计算文档了解更多信息。


透视表插件

日期分组支持

SpreadJS PivotTable 插件(可选)允许您在数据透视表中对日期时间字段进行分组和取消分组。您可以按常用时间间隔(例如分钟小时季度年)对数据进行分组,还可以定义自定义范围,例如 7 天的时间间隔(用于周视图)或任何其他适合您场景的时间跨度。

在 JavaScript 透视表 Web 应用程序中应用日期分组

请参阅我们的 数据透视表分组文档了解更多信息。

拖放式自定义重新排序/排序

就像在 Excel 中一样,用户现在可以在全局排序后通过拖动来手动重新排列数据透视表字段项。更改会立即生效并保存为 自定义排序状态

JavaScript 数据透视表中的拖放式重新排序

请参阅我们的数据透视表排序文档了解更多信息。

受保护工作表中的数据透视表交互

与 Excel 类似,SpreadJS 允许在受保护的工作表中进行有限的透视表交互。这些功能可以通过allowUsePivotTable 属性进行控制。

  • 启用后true,用户可以对数据透视表进行修改。
  • 设置为 时false,大多数编辑操作都会受到限制,但一些基本操作仍然可用。

请参阅我们的受保护工作表文档了解更多信息。


数据图表插件

虽然 SpreadJS 基本图表已经包含了这些图表类型,但现在我们将它们引入到我们可选的 DataCharts 插件中。  

瀑布图

DataCharts 中的全新瀑布图展示了连续的正负值如何影响累计总数。它以可视化的方式分解每个影响因素,因此可用于分析利润变化、预算差异、销售业绩或库存趋势。

SpreadJS DataCharts 插件中的新瀑布图类型

请阅读我们的瀑布图数据图表文档了解更多信息 ,或尝试我们的瀑布图数据图表演示

蜡烛图数据图表

DataCharts 中的蜡烛图是一种数据可视化工具,旨在展示资产在特定时间段内的价格走势。这种图表类型广泛应用于金融数据分析,用于显示证券的开盘价、最高价、最低价和收盘价 (OHLC),从而为用户提供清晰的市场趋势洞察。

SpreadJS DataCharts 插件新增蜡烛图类型

请阅读我们的蜡烛图数据图表文档了解更多信息 ,或尝试我们的蜡烛图数据图表演示

OHLC 数据图表

DataCharts 中的OHLC (开盘价-最高价-最低价-收盘价)图表是一种专门的数据可视化功能,用于表示资产在特定时间段内的价格走势。它广泛应用于金融和股票市场应用中,用于观察每日、每周或每月的价格趋势。

SpreadJS DataCharts 插件新增 OHLC 图表类型

在我们的OHLC 数据图表文档中了解更多信息,或尝试我们的OHLC 数据图表演示

组合数据图表

DataCharts 中的组合图表提供了一种灵活的可视化工具,可将多种图表类型(例如柱形图、折线图、面积图)组合成一个统一的图表。这使用户能够在同一个图形显示中表示和比较不同类型的数据,例如数量、趋势或百分比。

SpreadJS DataCharts 附加组件中的新组合图表

请在我们的组合数据图表文档中了解更多信息,或尝试我们的组合数据图表演示


报表插件

新增模板范围功能

当您的报告需要重复部分、嵌套详细信息或分组摘要,并且这些部分需要动态适应您的数据结构时,模板范围就是您需要的工具。

可选的 ReportSheet 插件允许您直接在 SpreadJS 中设计结构化的、数据驱动的报表布局——自动链接表格、构建层次结构和渲染重复部分,而无需担心字段上下文或布局逻辑。

企业级 Web 应用的新报表模板系列功能

了解更多信息,请参阅我们的报表设计器文档

在容器中显示总计/汇总标题

现在您可以在报表容器的行标题或列标题中显示总计或汇总数据。 

在 JS XLSX 报表容器中显示总计/汇总标题

请参阅我们的报表容器文档了解更多信息。

填写空白数据

“填充空白数据”功能可确保列表分组单元格内的数据集在必要时用空白行进行填充,直到达到指定的倍数

请参阅我们的“报告表填写空白数据”文档了解更多信息。

组级分页和增强型分页功能

从版本 19 开始,ReportSheet 支持主从报表中的行分页。现在,分页功能已支持在组级别进行设置。

现在可以使用R.CURRENTPAGE`and`函数检索报告中的分页详细信息R.PAGESCOUNT,这些函数既适用于报告级别,也适用于组级别。 

请参阅我们的报表分页文档了解更多信息。

将报表导出到 Excel 时保留公式

“导出时保留公式”功能允许用户在将报表导出到 Excel 时保留公式。 

请参阅我们的报表表保留公式文档了解更多信息。


UI 和 UX 改进

此版本包含多项用户界面改进,旨在简化电子表格的导航和编辑,使您的应用程序运行速度更快、更智能、更直观:

增强 描述 预览
支持主题评论 主题评论功能允许用户在特定单元格中添加上下文讨论,并回复主题评论。

向在线电子表格 Web 应用程序添加类似 Excel 的线程式注释

支持合理化对齐 为用户提供水平和垂直两端对齐功能,确保文本均匀分布在单元格的宽度和高度上。

在JS电子表格中设置水平和垂直对齐方式

排序时排除数据标题。 SpreadJS 现在可以自动检测所选范围内的标题行,并将其从排序中排除。

排序时排除数据标题。

名称管理器对话框中的批量删除 与 Excel 类似,用户现在可以在名称管理器对话框中选择一系列名称,然后一次性删除多个名称。

在“名称管理器”对话框中轻松删除一系列名称


框架支持

支持 Angular 20

SpreadJS 现在正式支持Angular 20,确保与最新的 Angular 技术发展兼容。

从我们的Angular 指南开始学习。

Nuxt.js 4 支持

SpreadJS 完全支持Nuxt.js 4,确保流畅的客户端渲染和与现代 Vue 应用程序的集成。

从我们的NuxtJS 指南开始入门。


NPM 支持通知

从 v19 版本开始,旧版 npm 包@grapecity/spread-sheets将不再更新。请迁移到@mescius/spread-sheets以获取新功能和支持。

Logo

有“AI”的1024 = 2048,欢迎大家加入2048 AI社区

更多推荐