【16.1.4】单元格内插入多个icon

Richard.Huang

本帖最后由 Lynn.Dou 于 2023-10-27 14:12 编辑

产品：SpreadJS
版本：V16.1.4
image.png172059325.png

如截图的效果，我们需要在单元格内展示两种icon，圆形icon和长方形icon，请问这种效果怎么实现

Richard.Huang · Richard.Huang

您好，您是希望在一个单元格中添加两个甚至更多的icon是吗？

对于该需求SpreadJS是支持的，您只需要再icons数组中指定每种icon的来源以及位置并添加即可，如下所示：

style.decoration = {
icons: [
{
src: 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjEyIiBoZWlnaHQ9IjEyIiBmaWxsPSJ0cmFuc3BhcmVudCIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTcgOUg1TDUgNS45NjA0NmUtMDhIN0w3IDlaTTYgMTBDNi41NTIyOCAxMCA3IDEwLjQ0NzcgNyAxMUM3IDExLjU1MjMgNi41NTIyOCAxMiA2IDEyQzUuNDQ3NzIgMTIgNSAxMS41NTIzIDUgMTFDNSAxMC40NDc3IDUuNDQ3NzIgMTAgNiAxMFoiIGZpbGw9IiNFNjUyNDkiLz4KPC9zdmc+Cg==',
position: GC.Spread.Sheets.IconPosition.left
},
{
src: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAABPklEQVR4Ae2YAWYDQRSGV6BUabFQiKE28wA9Qo7Qo/QIBRTQGyQESlUWURRSVdZssL3B5gZJT/A6A8Eq8qck//I+foDxvjWzfi8zuhiGYRg6yZxOs3lMG6N7ZsI0/AYYnEoiCZT44EQSwNfnlEgDkKSNmacrDQuQZQNIUApoepeQAGHavguoCewyG6i+5apfN6q1HDm+0ZWM/yewHKbDTpswujtM4PUiHUAgIO1hAu/XHAIpjThc4NP1XKAWmuBX6PmMSeADFygviQT8Ey6wyHkEVv4eF1gOiQRkjAtUBY9A464wgdmAZ/gga7xKvJzT/4F20D/gIA+IAEGFAIpcgr5C1MUtLsBcIbpQV4jgv/fZzG15K4RM8dXiIud/wB0BF7OlqxDBl9CGOqaMWZ+8QlTFj1ajx7/qg2EYhmH8AtrSH2QJmV2LAAAAAElFTkSuQmCC',
position: GC.Spread.Sheets.IconPosition.left
}
]
};

复制代码

您具体可以参考我们学习指南中对于装饰图表的实现demo进行修改和测试：https://demo.grapecity.com.cn/sp ... ration-icons/purejs
image.png811414184.png

王小白 · 王小白

我想要的效果，icon在单元格左侧上下竖着排列，如截图所示的样子
你给的方案是横着排

Richard.Huang · Richard.Huang

王小白发表于 2023-10-27 20:58
我想要的效果，icon在单元格左侧上下竖着排列，如截图所示的样子
你给的方案是横着排

您好，目前我们原生API并不支持竖着排列，也许您可以将您两个icon合成一个icon后再执行插入操作

王小白 · 王小白

Richard.Huang 发表于 2023-10-30 10:05
您好，目前我们原生API并不支持竖着排列，也许您可以将您两个icon合成一个icon后再执行插入操作

好的，那结贴吧

Richard.Huang · Richard.Huang

王小白发表于 2023-11-3 10:24
好的，那结贴吧

好的，那么本贴就先结帖了，后续有新的问题欢迎继续发帖讨论

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

[已处理] 【16.1.4】单元格内插入多个icon