[Feature] How to highlight both ancestor and descendant nodes of hover simultaneously

[sentimental114]

What problem does this feature solve?

Now I have a requirement to highlight both the ancestor and descendant nodes of the current hover, but the configuration item can only be selected as a single option. How can I implement it? Thanks

What does the proposed API look like?

Can a new configuration be added to the configuration item to enable this feature

[plainheart]

If it's the tree series, you can set emphasis.focus as 'relative' to highlight ancestor and descendant nodes.

[sentimental114]

I have tried this before, and it seems to have a bug. When using this configuration, it turns into highlighting itself. The same effect as using 'self' configuration

[plainheart]

The sunburst series doesn't support 'relative' yet. You can open a PR to add support for this feature, just like #17009.

[echarts-bot]

This issue is labeled with difficulty: easy.
@sentimental114 Would you like to debug it by yourself? This is a quicker way to get your problem fixed. Or you may wait for the community to fix.

Please have a look at How to debug ECharts if you'd like to give a try. 🤓

[MatthiasMert]

You can also implement it on top using mouse events and modifying the itemStyle accordingly.

Make sure you set emphasis: {focus: 'none'} when using this approach.

Example

[MatthiasMert]

Code can be copied from tree (https://github.com/apache/echarts/blob/master/src/chart/tree/TreeView.ts#L488-L492) to sunburst (https://github.com/apache/echarts/blob/master/src/chart/sunburst/SunburstPiece.ts#L154-L157).