[Feature] Is there a way to make other graphic elements into blur state when highlight multiple series ?

[alexqlyu]

What problem does this feature solve?

When I highlight some graphic elements in multiple series or select one graphic element, I want to mute other graphic elements in order to visually distinguish between selected and unselected graphic elements.
I tried using dispatchAction({ type: 'highlight' }), but the options (emphasis.focus = 'none'/'self'/'series') can not mute the others in multiple series. And I tried using dispatchAction({ type: 'select' }), no options to mute the others.

What does the proposed API look like?

Add dispatchAction({ type: 'blur' }) to mute graphic elements.

[helgasoft]

did you try with graphic opacity ?

[alexqlyu]

did you try with graphic opacity ?

In one series (eg. series-bar)，I hope some bars are shown using normal item style, the others are shown using blur item style. But the series-bar.itemStyle.opacity option only impact the whole series.

[gurelsoycaner]

I'm using angular 19 and getting this,
echarts error Renderer 'undefined' is not imported

[helgasoft]

@alexqlyu, use emphasis with blur - Demo

[AvetikA]

@helgasoft not working properly for treemap, my opacity is not applied Demo