SpreadJS 导入excel 渲染shape性能

收藏

本帖最后由 Ellia.Duan 于 2024-6-11 11:08 编辑

在使用spread导入excel的时候，shape太多（过万），有没有一种方式懒加载的方式来渲染shape。比如先把中间态的json中的shape数据删除，然后在逐渐的使用某些接口来添加shape。有没有这种场景的例子

Ellia.Duan · Ellia.Duan

目前没有这样子的接口。
您是否可以上传下excel文件，我们来调研下是否可以优化下导入性能。

一条小毛驴 · 一条小毛驴

Ellia.Duan 发表于 2024-6-5 18:12
目前没有这样子的接口。
您是否可以上传下excel文件，我们来调研下是否可以优化下导入性能。

excel不方便上传，有一个sheet页中有22054个shape，调用workbook.fromJSON后，有三分钟一直在不挺的调用shape.fromJSON函数, 每次调用大概12ms左右。我想知道有没有一种方法，只处理当前sheet页的可视范围内的shape。

Ellia.Duan · Ellia.Duan

SpreadJS 16版本推出了一种懒加载的方式，就是优先当前sheet。
您可以在我们官网导入您的excel文件，然后看下是否还存在性能问题。
image.png688238219.png

如果还存在，您可以考虑数据脱敏后，发给我们调研下。

一条小毛驴 · 一条小毛驴

Ellia.Duan 发表于 2024-6-6 16:30
SpreadJS 16版本推出了一种懒加载的方式，就是优先当前sheet。
您可以在我们官网导入您的excel文件，然后 ...

多谢答复，懒加载的这种方式，可以只加载需要的sheet页。我现在的问题就是在其中一个sheet页的shape太多（2w），想要切换到这个sheet的时候就卡死了。有没有针对单sheet页的这种场景的优化？顺便咨询一下，懒加载，会影响跨sheet页的计算公式使用吗？

Ellia.Duan · Ellia.Duan

2W的浮动对象，太多了，达到了浏览器的性能瓶颈。
是否可以描述下您的实际场景，为什么有这么多形状？

关于第二个问题，不会影响。只有优先加载，但是最终还是会全部加载的。

一条小毛驴 · 一条小毛驴

Ellia.Duan 发表于 2024-6-7 18:06
2W的浮动对象，太多了，达到了浏览器的性能瓶颈。
是否可以描述下您的实际场景，为什么有这么多形状？

2w的对象，其中有一些是复制操作搞的一些文本框之类的东西。这些我们已经修正过，把无用的shape给删除了。但是考虑到可能以后可能存在这么多的shape，所以在想这个问题的解决方法。

Ellia.Duan · Ellia.Duan

您好，经过调研，没有更好的方式对2万多的形状做一个导入优化。建议在Excel中做优化。
或者导入后，通过api删除全部形状

activeSheet.shapes.clear();

复制代码

然后导出到Excel中，添加有意义的形状。

一条小毛驴 · 一条小毛驴

Ellia.Duan 发表于 2024-6-11 15:29
您好，经过调研，没有更好的方式对2万多的形状做一个导入优化。建议在Excel中做优化。
或者导入后，通过ap ...

多谢回复。我跟了下代码，有个建议，增量加载的时候，把一个sheet页的shapes分成多个task（settimeout）来处理，现在是一次执行的。所以对于我说的场景，增量加载的看不出效果，因为都在一个timeout任务中，ui的操作没有响应的时机。

Clark.Pan · Clark.Pan

建议收到，我们会反馈给产品，如果没有什么其他问题，本帖就结贴了，有什么问题欢迎另开新帖进行询问。

		自动登录	找回密码
密码			立即注册

[处理中] SpreadJS 导入excel 渲染shape性能

9 个回复

SpreadJS 认证

SpreadJS 高级认证

讲师达人

悬赏达人

微信认证勋章

元老葡萄