V16.2.6 VUE3 支持统计图表的导出和还原吗？

收藏

本帖最后由 Joestar.Xu 于 2023-12-8 09:59 编辑

问题编号：SJS-21783

1、版本号
版本为16.2.6，Vue3。

2、需求
我们现在有这个需求：我们有相关的表格，表格中有各种统计图，使用spread.toJSON()方法导出JSON字符串存储到后台数据库，然后在某业务使用的时候，读取该JSON数据，使用spread.fromJSON()方法还原表单，结果发现还原后统计图表丢失了，此方式不能导出统计图的配置信息么？或者有其他解决方案吗？

正确的效果如下：
image.png166711730.png

还原后的效果如下：
image.png313936766.png

Joestar.Xu · Joestar.Xu

您好，根据您提供的信息不确定是什么原因导致的这个问题，您提供下可以复现此问题的Demo，我们这边复现后调研一下看看。

Quber · Quber

Joestar.Xu 发表于 2023-12-7 16:35
您好，根据您提供的信息不确定是什么原因导致的这个问题，您提供下可以复现此问题的Demo，我们这边复现后调 ...

嗯，其实很简单，我测试就是在你们官方Demo中测试的，我给你录一个gif动图。

Quber · Quber

演示效果和测试Excel文件参见附件“演示效果和测试Excel模板.zip”

测试流程：

1、通过你们官网Demo页面地址 https://demo.grapecity.com.cn/spreadjs/SpreadJSTutorial/features/spreadjs-file-format/overview/vue3 导入附件中的“检测报告-内容.xlsx”Excel文件；

2、然后在导入Demo的open事件最后加入如下代码导出JSON字符串

//导出JSON字符串
setTimeout(()=>{
console.log(JSON.stringify(spread.toJSON()))
},1000);

复制代码

3、在浏览器控制台复制导出的JSON，然后到你们的Demo页面地址 https://demo.grapecity.com.cn/spreadjs/SpreadJSTutorial/features/workbook/initialization/vue3 粘贴测试即可

const jsonData=粘贴过来的JSON;
spread.fromJSON(jsonData);

复制代码

Joestar.Xu · Joestar.Xu

本帖最后由 Joestar.Xu 于 2023-12-8 09:59 编辑

很奇怪的问题，我在学习指南中的测试确实出现了这个情况，但是在官网的在线Demo中却没能复现，我们这边调研一下看看是什么原因导致的，后续有进展我会在本帖中回复您。

image.png782651977.png

问题编号：SJS-21783

Quber · Quber

好的，期待你们的解决方案！！！

Joestar.Xu · Joestar.Xu

好的，这边会尽快调研并回复。

Quber · Quber

Joestar.Xu 发表于 2023-12-8 09:59
好的，这边会尽快调研并回复。

请问有结果了吗？

Joestar.Xu · Joestar.Xu

您好，因为该问题相对来说比较复杂，我们目前还在调研中，等有进展了我会在本帖中回复您。

Brander.Zhai · Brander.Zhai

https://demo.grapecity.com.cn/sp ... initialization/vue3

就没有引入chart模块。自然无法导入带chart的json

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

[已处理] V16.2.6 VUE3 支持统计图表的导出和还原吗？

12 个回复

SpreadJS 认证

SpreadJS 高级认证

活字格认证

微信认证勋章