ant-design / ant-design-charts

A React Chart Library
https://ant-design-charts.antgroup.com/
MIT License
1.95k stars 364 forks source link

🐛[BUG] 漏斗图设置colorField, 自定义颜色不生效 #2277

Closed joshchiucn closed 11 months ago

joshchiucn commented 11 months ago

🐛 bug 描述 [详细地描述 bug,让大家都能理解]

使用 @ant-design/plots 2.0.6版本的漏斗, 设置colorField制定颜色字段, 然后data中添加自定义颜色, 结果不生效

📷 复现步骤 [清晰描述复现步骤,让别人也能看到问题]

🏞 期望结果 [描述你原本期望看到的结果]

💻 复现代码 [提供可复现的代码,仓库,或线上示例]

stackblitz链接 https://stackblitz.com/edit/react-yozzwv?file=index.js

或者直接在官方示例代码中,设置colorField https://ant-design-charts-next.antgroup.com/zh/examples/statistics/funnel/#transpose image

🚑 其他信息 [如截图等其他信息可以贴在这里]

lxfu1 commented 11 months ago

用法不对,可以如下配置

 style: {
      fill: ()=>{
        return '#f00'
      }
    },
joshchiucn commented 11 months ago

用法不对,可以如下配置

 style: {
      fill: ()=>{
        return '#f00'
      }
    },

这个方式对legend颜色不生效