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

产品：SpreadJS
版本：V16.1.4







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

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

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

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

好的，那结贴吧

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

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

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

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

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

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

复制代码

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