SpreadJS 14.1 Crack by Xacker

末蓝、 2022-10-10 12:57 62阅读 0赞

SpreadJS 纯前端表格控件 - V14.0 Update1 新特性:

数据透视表功能增强，告诉Ω**578867473**您有什么看法？  
SpreadJS的 数据透视表插件已经覆盖了现有Excel 中 90% 以上的功能，并且做到了与 Excel 完全兼容，您可以将设计好的透视表在 SpreadJS 与 Excel 之前进行切换，而不用担心数据丢失。

与此同时，SpreadJS 也发布了多个与透视表有关的 API 接口，方便开发者通过代码控制透视表相关的行为和表现。

如下是SpreadJS数据透视表的功能更新列表：

1. 数据源刷新

SpreadJS 的透视表插件（PivotTable）已经具备刷新的能力，当数据源发生变更后，可以通过右键菜单完成透视表的刷新，如下图：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2pvaG5fZHdo_size_16_color_FFFFFF_t_70][]

2. 详细数据的显示和获取

在数据透视表操作中，常常需要查看某一个汇总数据的详细数据，这对数据的检查非常重要，SpreadJS 在新版本中可以快速的显示详细数据，如下图所示：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2pvaG5fZHdo_size_16_color_FFFFFF_t_70 1][]

3. 筛选与排序

筛选和排序也是透视表中常常涉及到的功能，此次SpreadJS新版本中同样对此做出了加强，如下图所示：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2pvaG5fZHdo_size_16_color_FFFFFF_t_70 2][]

4. 条件格式化（透视表）

SpreadJS的数据透视表提供了给指定维度设置条件化规则的能力。无论数据透视表布局如何变化，条件化规则都仅应用在指定的维度。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2pvaG5fZHdo_size_16_color_FFFFFF_t_70 3][]

5. 字段的组合和折叠

SpreadJS 的数据透视表提供了组合和折叠功能，这使得查看数据和查找所需数据更加容易。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2pvaG5fZHdo_size_16_color_FFFFFF_t_70 4][]

6. GETPIVOTDATA 函数

SpreadJS 的 GETPIVOTDATA 函数能够查询数据透视表并根据数据透视表结构而不是单元格引用检索特定数据。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2pvaG5fZHdo_size_16_color_FFFFFF_t_70 5][]

7. 值显示方式（Show Value As）

SpreadJS 数据透视表提供了将每个数据和其他数据进行比较的计算方法（值显示方式）。它帮助用户轻松了解到不同部分数据的百分比差异。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2pvaG5fZHdo_size_16_color_FFFFFF_t_70 6][]

8. 视图管理

SpreadJS 数据透视表提供了管理视图的能力，它可以快速恢复在某个时刻保存下来的数据透视表的状态。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2pvaG5fZHdo_size_16_color_FFFFFF_t_70 7][]

**公式函数相关**  
SpreadJS 在持续不断地加入最新的公式与函数，方便最终用户使用这些公式和函数快速的构造各类数据表格及表单。

1. LET 函数增强

LET 函数为计算结果分配名称。 这允许在公式内存储中间表达式，值或定义的名称。 这些名称仅适用于 LET 函数内的范围。 与编程中的变量类似，LET 函数是通过 Excel 内置的公式语法完成的。

要使用 SpreadJS 的 LET 函数，您需要定义名称和与之关联的值，以及使用名称和值所组成的最终计算表达式。 您必须定义至少一个名称/值（一个变量），LET 函数最多支持 126 组这样的变量。

![20210628171134586.png][]

2. TIMEAGO 函数

使用这个函数可以计算起点到当前时间点的时间。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2pvaG5fZHdo_size_16_color_FFFFFF_t_70 8][]

3. WEBSERVICE + FilterJSON 函数

WEBSERVICE 函数请求一个允许跨域资源共享（CORS）的网站，最终得到处理成字符串的返回值。

FILTERJSON 函数将一个有效的 json 字符串转化为一个值、一个对象或者一个可以拆分的对象数组。

您可以同时使用 FILTERJSON 函数以及 WEBSERVICE 函数从服务器上获取 json 对象并在 SpreadJS 中使用。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2pvaG5fZHdo_size_16_color_FFFFFF_t_70 9][]

**形状相关**  
1. 支持超链接

SpreadJS 支持给形状添加超链接

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2pvaG5fZHdo_size_16_color_FFFFFF_t_70 10][]

2. 填充效果

SpreadJS 形状提供渐变填充，图片填充以及纹理填充。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2pvaG5fZHdo_size_16_color_FFFFFF_t_70 11][]

3. 区域快照

SpreadJS 提供区域快照功能，区域快照是在工作表中创建一种视觉引用的功能，区域快照创建一个引用区域的镜像图片。在数据引用区域的内容发生变化的同时，快照图片也会发生改变。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2pvaG5fZHdo_size_16_color_FFFFFF_t_70 12][]

迷你图相关  
SpreadJS 的迷你图（Sparkline）作为很重要的数据可视化手段，可以以灵活的方式多角度展示数据规律及特性，此次新版本中也加入了多个迷你图方面的更新。

1. 直方函数迷你图

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2pvaG5fZHdo_size_16_color_FFFFFF_t_70 13][]

2. KPI 函数（仪表盘）迷你图

SpreadJS 的 KPI 函数迷你图可以使你更轻松地在财务或者一般行政事务中衡量员工绩效。在下面的工作表中看一下不同员工的关键绩效。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2pvaG5fZHdo_size_16_color_FFFFFF_t_70 14][]

3. IMAGE函数迷你图

使用 SpreadJS 的 IMAGE 函数可以插入一个图像到单元格中，图片数据源必须是 URL 或者 base64 字符串。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2pvaG5fZHdo_size_16_color_FFFFFF_t_70 15][]

**图表相关**  
1. 坐标轴增强  
您可以自己定义图表的横纵坐标轴样式。在 SpreadJS 中使 用Javascript 代码自定义属性，例如颜色，线条样式，刻度线和刻度线标签位置，格式以及标题字体大小。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2pvaG5fZHdo_size_16_color_FFFFFF_t_70 16][]

2. 自定义系列  
SpreadJS 已支持以下图标元素的自定义：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2pvaG5fZHdo_size_16_color_FFFFFF_t_70 17][]

chartType  
axisGroup  
backColor  
backColorTransparency  
border  
name  
xValues  
yValues  
errorBars  
trendlines  
dataLabels  
bubbleSizes  
doughnutHoleSize  
gapWidth  
overlap  
**界面&布局相关**  
1. 标签页位置

在 SpreadJS 的新版本中，标签页的位置已经可以上、下、左、右四个位置指定摆放。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2pvaG5fZHdo_size_16_color_FFFFFF_t_70 18][]

2. 底部冻结行跟随最后一行

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2pvaG5fZHdo_size_16_color_FFFFFF_t_70 19][]

3. Undo/Redo 栈

SpreadJS 支持获取撤销栈以及保留栈，同时您可以在 undoManager 中根据 maxSize 设置撤销栈以及保留栈的长度。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2pvaG5fZHdo_size_16_color_FFFFFF_t_70 20][]

4. 复制粘贴跳过隐藏区域

提供了一个选项来表明当粘贴时是否应该跳过不可见的区域。

![20210628171924303.png][]  
不可见的例子:

筛选  
组合  
列宽为0或者行高为0  
隐藏  
行为相关  
1. 撤销后，选中位置更新到上一次操作的位置

选中的位置会因为撤销操作而改变，从而让用户更直观的感受到撤销动作的执行。

备注：**内容来自互联网**

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2pvaG5fZHdo_size_16_color_FFFFFF_t_70]: /images/20221005/6182ca3b94ee4a0f9092b2a82d7304d5.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2pvaG5fZHdo_size_16_color_FFFFFF_t_70 1]: /images/20221005/c76f24e647a54637b9d290858c45b0e4.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2pvaG5fZHdo_size_16_color_FFFFFF_t_70 2]: /images/20221005/a1ee2b1a8c064c6bb346fd62bde05c25.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2pvaG5fZHdo_size_16_color_FFFFFF_t_70 3]: /images/20221005/2e9c13201930438b9d2d251dc7c63ba4.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2pvaG5fZHdo_size_16_color_FFFFFF_t_70 4]: /images/20221005/0a8db386686d4c499c08a17899228725.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2pvaG5fZHdo_size_16_color_FFFFFF_t_70 5]: /images/20221005/1d4cdb61529047fea7369a85eceb9511.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2pvaG5fZHdo_size_16_color_FFFFFF_t_70 6]: /images/20221005/b01a231deee6485b867d3775c198e57c.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2pvaG5fZHdo_size_16_color_FFFFFF_t_70 7]: /images/20221005/853ec7fe37f643df916a3fd4da02cd11.png
[20210628171134586.png]: /images/20221005/ecc07c6916394fb088426f1472974e1b.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2pvaG5fZHdo_size_16_color_FFFFFF_t_70 8]: /images/20221005/67f24ecbcf8743eb92cda3dd0aca9f0b.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2pvaG5fZHdo_size_16_color_FFFFFF_t_70 9]: /images/20221005/5cd1dcfa7ed6409ab4f12df7cc51ee77.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2pvaG5fZHdo_size_16_color_FFFFFF_t_70 10]: /images/20221005/b334f50ed02943cd89b5a6aea67b452c.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2pvaG5fZHdo_size_16_color_FFFFFF_t_70 11]: /images/20221005/b4c02de2030346c4a5cf06f06ed53e0c.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2pvaG5fZHdo_size_16_color_FFFFFF_t_70 12]: /images/20221005/924ec28f0ee14789a651338280ac103b.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2pvaG5fZHdo_size_16_color_FFFFFF_t_70 13]: /images/20221005/c391813946654723ab0d564b986f21b4.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2pvaG5fZHdo_size_16_color_FFFFFF_t_70 14]: /images/20221005/4349c7bee6b94f0b9fefefb73462ff42.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2pvaG5fZHdo_size_16_color_FFFFFF_t_70 15]: /images/20221005/1a90e4a7035a44d6b193e93be3c58e59.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2pvaG5fZHdo_size_16_color_FFFFFF_t_70 16]: /images/20221005/b2b9a64a8cd848ad98ba717686a78e81.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2pvaG5fZHdo_size_16_color_FFFFFF_t_70 17]: /images/20221005/f1476eca93624f07b5f3e75b0e375ea2.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2pvaG5fZHdo_size_16_color_FFFFFF_t_70 18]: /images/20221005/c684605ac683407ea9e836b7ade3db2c.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2pvaG5fZHdo_size_16_color_FFFFFF_t_70 19]: /images/20221005/2355604e89be4c09b1863ffb98b63712.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2pvaG5fZHdo_size_16_color_FFFFFF_t_70 20]: /images/20221005/cd8b15bef5d4404d975d3896a0e6b78d.png
[20210628171924303.png]: /images/20221005/81761a42bc90479786ff8038058eff72.png