[Bug]: Funnel labels hidden when dynamically setting compareField

[seanparmelee]

Describe the bug / 问题描述

I'm using the Funnel visualization and wanting to toggle comparison mode (i.e. conditionally set compareField based off a state variable). This works for the most part, but for some reason the inside labels appear to get drawn over. Here's an example using a small reproduction based off the example:

One (not so great) workaround is to set a key on the Funnel component to force it to unmount/remount when toggling the comparison.

Reproduction link / 复现链接

https://stackblitz.com/edit/react-9zvlgt6u?file=index.js

Steps to Reproduce the Bug or Issue / 重现步骤

1. Open the provided StackBlitz link.
2. Check the "Compare" checkbox.
3. Observe the inside labels on the left side are briefly shown and then hidden.

Version / 版本

🆕 2.x

OS / 操作系统

• macOS
• Windows
• Linux
• Others / 其他

Browser / 浏览器

• Chrome
• Edge
• Firefox
• Safari (Limited support / 有限支持)
• IE (Nonsupport / 不支持)
• Others / 其他

[dosubot]

Hi @seanparmelee! I'm Dosu and I’m helping the ant-design-charts team.

This bug happens because the Funnel chart implementation mutates its options object in place when you toggle compareField. When you switch comparison mode, the chart splits your data into children, deletes the original data and compareField, and rewrites coordinate transforms. This mutated state persists, so toggling back doesn't restore the original label layout—inside labels get lost or drawn over. Forcing a remount (using a key prop) works because it resets the mutated state and re-initializes the chart, restoring correct label rendering.

There’s no official fix or alternative workaround documented yet. For now, remounting on compareField toggle is the best practice. A more robust solution would be for the chart to avoid mutating options in place, or to properly reset its internal state when props change. If you’re maintaining your own fork or want to contribute, consider refactoring the Funnel adaptor logic to clone options or reset children/data/transform arrays on each update.

References:

• Funnel chart implementation and mutation logic
• Recent related PR fixing label rendering in other environments

To reply, just mention @dosu.

---

^{How did I do? Good | Irrelevant | Incorrect | Verbose | Hallucination | Report 🐛 | Other}