🐛 字段标记自定义svg无法修改颜色

[jzb1205]

🏷 Version

| Package | Version |
| -------------- | --------- |
| @antv/s2 | 1.3.1 |
| @antv/s2-react | |
| @antv/s2-vue | |

Sheet Type

• PivotSheet
• TableSheet
• GridAnalysisSheet
• StrategySheet

🖋 Description

自定义svg无法修改颜色

⌨️ Code Snapshots

🔗 Reproduce Link

🤔 Steps to Reproduce

     import { PivotSheet, Node } from '@antv/s2';
    
    fetch(
      'https://gw.alipayobjects.com/os/bmw-prod/cd9814d0-6dfa-42a6-8455-5a6bd0ff93ca.json',
    )
      .then((res) => res.json())
      .then((res) => {
        const container = document.getElementById('container');
        const s2DataConfig = {
          fields: {
            rows: ['province', 'city'],
            columns: ['type', 'sub_type'],
            values: ['number'],
          },
          meta: res.meta,
          data: res.data,
        };
        const s2Options = {
          width: 600,
          height: 480,
          customSVGIcons: [
            {
              name: 'customKingIcon',
              svg: 'https://gw.alipayobjects.com/zos/bmw-prod/f44eb1f5-7cea-45df-875e-76e825a6e0ab.svg',
            },
          ],
          // 使用刚定义的 icon
          conditions: {
            icon: [
              {
                field: 'number',
                position: 'right',
                mapping(value) {
                  return {
                    icon: 'customKingIcon',
                    fill: '#2498D1'
                  }
                }
              }
            ]
          }
        };
        const s2 = new PivotSheet(container, s2DataConfig, s2Options);
    
        // 使用
        s2.render();
      });

😊 Expected Behavior

😅 Current Behavior

💻 System information

[github-actions]

你要找的是不是 (You may look for issues):

1. 67% 🐛 明细表点击排序展示问题 #1423
2. 52% 🐛 透视表设置了页数配置 出现白屏 #1587

_{🤖 By issues-similarity-analysis}

[ab291478089]

这个bug还没有修复嘛

[1wkk]

This feature is effective in codesandbox and local environment but not work in S2 Site online example editor.

upd: even I run yarn site:start and latest deployment of pr, it works, too!

cc @lijinke666 @lcx-seima

Maybe this issue can be closed

[ab291478089]

我在codesandbox试着和本地都不行呢 https://codesandbox.io/s/7ndckq

This feature is effective in codesandbox and local environment but not work in S2 Site online example editor.

upd: even I run yarn site:start and latest deployment of pr, it works, too!

cc @lijinke666 @lcx-seima

Maybe this issue can be closed

[1wkk]

我在codesandbox试着和本地都不行呢 codesandbox.io/s/7ndckq

This feature is effective in codesandbox and local environment but not work in S2 Site online example editor.
upd: even I run yarn site:start and latest deployment of pr, it works, too!
cc @lijinke666 @lcx-seima
Maybe this issue can be closed

你用的 SVG 的 fill 不能写死，需要是 currentColor，这是 SVG 基础。
示例中的 SVG 中的 fill 是写死数值的🥲

[1wkk]

[ab291478089]

我在codesandbox试着和本地都不行呢 codesandbox.io/s/7ndckq

This feature is effective in codesandbox and local environment but not work in S2 Site online example editor.
upd: even I run yarn site:start and latest deployment of pr, it works, too!
cc @lijinke666 @lcx-seima
Maybe this issue can be closed

你用的 SVG 的 fill 不能写死，需要是 currentColor，这是 SVG 基础。 示例中的 SVG 中的 fill 是写死数值的🥲

你的意思就是在svg中写死的fill就不做处理了呗 那你告诉我conditions那里icon的fill配置的意义何在？

[lijinke666]

颜色动态修改只对字符串和本地文件有效, 在线链接不支持