找回密码
 立即注册

QQ登录

只需一步,快速开始

songcheng202

注册会员

5

主题

15

帖子

60

积分

注册会员

积分
60
songcheng202
注册会员   /  发表于:2019-6-20 13:51  /   查看:3296  /  回复:3
前端使用spreadjs在线表格编辑器展示接口处理好的数据要展示的数据量可能很大,假设有十万、百万条数据,接口中肯定不能全部塞到dataSource中返回到页面

这样该如何优化?有相关的案例吗?



目前我的想法是,根据topRow来从接口中操作dataTable返回一个新的ssjson 来渲染可视化区域的数据
效果并不好

3 个回复

倒序浏览
KevinChen讲师达人认证 悬赏达人认证 SpreadJS 开发认证
论坛元老   /  发表于:2019-6-20 17:10:03
沙发
您好,首先SpreadJS的渲染机制本身就是lazy的,我这里有个性能演示应用,您可以在这个基础上进行更改,加到十万、百万级别的数据量尝试一下;

我这边用一千万条数据进行了测试,除开前端生成数据所需的时间,花费在SpreadJS加载数据上的时间如图所示:

image.png858243408.png

另外,SpreadJS本身没有分页机制,不推荐您使用topRow的方式来做类似分页的效果,您先参考一下直接加载的方式,并且欢迎继续交流。

Spread.Sheets - 性能演示应用.zip

859.72 KB, 下载次数: 170

回复 使用道具 举报
songcheng202
注册会员   /  发表于:2019-6-21 09:48:05
板凳
KevinChen 发表于 2019-6-20 17:10
您好,首先SpreadJS的渲染机制本身就是lazy的,我这里有个性能演示应用,您可以在这个基础上进行更改,加到 ...

你的意思还是让我在接口里把所有数据都查出来,前端通过setDataSource赋值?
回复 使用道具 举报
KevinChen讲师达人认证 悬赏达人认证 SpreadJS 开发认证
论坛元老   /  发表于:2019-6-21 13:38:00
地板
您好,您可以提供一个您使用方式的Demo,附上您的dataSource,打包上传到帖子附件,我们分析一下看看如何进行优化。
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 立即注册
返回顶部