【v17】表格中如何设置图片的层级在图表之上？

香香

本帖最后由 spreadjs666 于 2024-5-22 15:20 编辑

【v17】表格中如何设置图片的层级在图表之上？

image.png875313415.png

如图所示，通过zindex获取到了图表的层级，但将层级+1设置到图片上，图片无法覆盖在图表之上。请问要如何设置？

想实现官网粘贴选中图表粘贴图片的效果：图片层级在图表之上
image.png487537230.png

香香 · 香香

spreadjs666 发表于 2024-5-22 16:49
我把picture的层级设置为900+就可以覆盖chart了，并且在官方demo中选中图表进行图片的粘贴，默认就是在图 ...

即使将picture的层级设置为900+可以覆盖chart了，但是如果picture和chart重合，会发现无法选中picture，进行图片的粘贴，图片会在chart的后面。demo 中用的都是shape base的picture和chart，所以不需要任何处理。

trace · trace

可以这样试试

spreadjs666 · spreadjs666

trace 发表于 2024-5-22 16:01
可以这样试试

这样会导致图片被别的图片覆盖，总的来说是想让新加的图片在所有图片和表格之上

香香 · 香香

看代码，chart 是 shape base chart，picture 是floating objec 的picture，shape 和 floating object是无法通过zindex调整顺序的，这个是已知的问题。如果想实现chart 和 picture 的顺序，要么都使用floating objec的chart 和picture，要么都使用shape base的。

spreadjs666 · spreadjs666

香香发表于 2024-5-22 16:41
看代码，chart 是 shape base chart，picture 是floating objec 的picture，shape 和 floating object是无 ...

我把picture的层级设置为900+就可以覆盖chart了，并且在官方demo中选中图表进行图片的粘贴，默认就是在图表的层级之上的，所以想问下是如何做到的，有什么规则？

Richard.Huang · Richard.Huang

香香发表于 2024-5-22 17:28
即使将picture的层级设置为900+可以覆盖chart了，但是如果picture和chart重合，会发现无法选中picture， ...

Richard.Huang · Richard.Huang

您好，请问楼主根据上面的描述是否得到帮助，如果仍然存在疑惑，欢迎继续跟贴询问

spreadjs666 · spreadjs666

Richard.Huang 发表于 2024-5-24 16:14
您好，请问楼主根据上面的描述是否得到帮助，如果仍然存在疑惑，欢迎继续跟贴询问

【shape 和 floating object是无法通过zindex调整顺序的，这个是已知的问题】这个问题后续会进行修复吗

Joestar.Xu · Joestar.Xu

您好，这个与其说是问题，不如说更接近于Limitation，Shape Base和Floating Obejct中Chart/Picture的底层实现方式不一样，即使二者都存在z-index属性，但也是无法互相影响的，建议还是按照六楼的回复来实现您的需求。

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

[已处理] 【v17】表格中如何设置图片的层级在图表之上？

最佳答案

11 个回复

评分

SpreadJS 认证

SpreadJS 高级认证