找回密码
 立即注册

QQ登录

只需一步,快速开始

一博科技

中级会员

51

主题

147

帖子

568

积分

中级会员

积分
568
一博科技
中级会员   /  发表于:2022-7-25 11:17  /   查看:1273  /  回复:9
需求:能否在单元格设置“百分比进度”的背景色?如何实现?
类似案例的:
image.png107646483.png

谢谢。

9 个回复

倒序浏览
Lynn.Dou讲师达人认证 悬赏达人认证 SpreadJS 开发认证
超级版主   /  发表于:2022-7-25 12:00:54
沙发
您好,
图片是使用条件格式设置的渐变色,
如果您想在单元格中设置渐变色效果,可以参考下方链接学习指南,内有相关介绍:
https://demo.grapecity.com.cn/sp ... /fill-effect/purejs
回复 使用道具 举报
一博科技
中级会员   /  发表于:2022-7-25 13:49:05
板凳
Lynn.Dou 发表于 2022-7-25 12:00
您好,
图片是使用条件格式设置的渐变色,
如果您想在单元格中设置渐变色效果,可以参考下方链接学习指南 ...

一定是靠渐变色控制的吗?没法直接控制百分比的是吧?
回复 使用道具 举报
Lynn.Dou讲师达人认证 悬赏达人认证 SpreadJS 开发认证
超级版主   /  发表于:2022-7-25 15:53:11
地板
参考下方代码,通过position属性控制渐变色的位置,不能直接设置百分比。
image.png868122863.png
具体您可以实际测试下。
回复 使用道具 举报
一博科技
中级会员   /  发表于:2022-7-25 16:20:14
5#
Lynn.Dou 发表于 2022-7-25 15:53
参考下方代码,通过position属性控制渐变色的位置,不能直接设置百分比。

具体您可以实际测试下。

这个我试过了,现在也有渐变色的使用,因为有过度,所以没法准确表达,除了这个还有没有别的方案能在单元格体现进度的方案?我的需求是做一个进度提示,不仅限于背景色。
回复 使用道具 举报
Lynn.Dou讲师达人认证 悬赏达人认证 SpreadJS 开发认证
超级版主   /  发表于:2022-7-25 17:24:32
6#
SJS提供滑动条功能,您看下是否满足需求:
https://demo.grapecity.com.cn/sp ... downs/slider/purejs
image.png924831542.png

还有一种思路是利用自定义单元格实现,下为示例链接:
https://demo.grapecity.com.cn/Sp ... #/demos/progressBar

回复 使用道具 举报
一博科技
中级会员   /  发表于:2022-7-26 14:08:09
7#
Lynn.Dou 发表于 2022-7-25 17:24
SJS提供滑动条功能,您看下是否满足需求:
https://demo.grapecity.com.cn/spreadjs/SpreadJSTutorial/fea ...

可能不满足条件,目前是要求不增加列的情况展示进度的,谢谢啦
回复 使用道具 举报
Lynn.Dou讲师达人认证 悬赏达人认证 SpreadJS 开发认证
超级版主   /  发表于:2022-7-26 15:24:04
8#
前面提到的自定义单元格的示例您看了吗,如果还是不满足需求,这边也没有更好的建议了。
回复 使用道具 举报
一博科技
中级会员   /  发表于:2022-7-26 15:49:11
9#
Lynn.Dou 发表于 2022-7-26 15:24
前面提到的自定义单元格的示例您看了吗,如果还是不满足需求,这边也没有更好的建议了。

看过了,就是把单元格的值替换为色块,这个要增加列,目前我们项目这块的可视区域不允许新增列了,还要删减,所以不那么适合,谢谢啦
回复 使用道具 举报
Lynn.Dou讲师达人认证 悬赏达人认证 SpreadJS 开发认证
超级版主   /  发表于:2022-7-26 16:45:57
10#
您期待的需求是什么呢?
比如说,希望单元格输入百分比,就显示相应百分比的背景色吗?
请详细描述下,这边调研下是否还有其他解决方案。

另,您图片中所示的条件格式-数据条,是根据区域的值比例情况显示百分比颜色的。
您为什么不直接使用条件格式呢?

综上,请结合实际业务情况详细描述下您的需求,以便这边进一步调研。
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 立即注册
返回顶部