echarts icon indicating copy to clipboard operation
echarts copied to clipboard

Tooltip trigger: 'item' with Showsymbol:false

Open chanpuraraj opened this issue 4 years ago • 10 comments

What problem does this feature solve?

Is it possible to configure tooltip:{ trigger:'item'} with showSymbol: false? Because I'm working with a stacked line graph where I want a tooltip for each area without clicking on the symbol.

Any lead would be appreciated

What does the proposed API look like?

By doing this, one can see the tooltip in stacked line just by hovering on area

chanpuraraj avatar Mar 30 '21 16:03 chanpuraraj

Hi! We've received your issue and please be patient to get responded. 🎉 The average response time is expected to be within one day for weekdays.

In the meanwhile, please make sure that you have posted enough image to demo your request. You may also check out the API and chart option to get the answer.

If you don't get helped for a long time (over a week) or have an urgent question to ask, you may also send an email to [email protected]. Please attach the issue link if it's a technical question.

If you are interested in the project, you may also subscribe our mailing list.

Have a nice day! 🍵

echarts-bot[bot] avatar Mar 30 '21 16:03 echarts-bot[bot]

I'm also seeing this when plotting 50+ series, which requires hiding the symbol using symbol: 'none' or showAllSymbol: false. In this case, I'd like to still be able to use trigger: 'item' tooltips since there are so many lines. Thanks for your help, maybe there is a workaround I'm not considering?

Also, seems related to issue 12751

sjcobb avatar Nov 29 '21 21:11 sjcobb

any update on this? Is there a workaround to use tooltips trigged with 'item' while hiding symbols?

julibeg avatar Jan 25 '23 12:01 julibeg

There is any update? I want to show tooltip for each series separately without showing the symbol, Example: https://codesandbox.io/p/sandbox/stacked-line-chart-forked-y7zn6h

yoelb00 avatar Mar 10 '24 08:03 yoelb00

There is any update? I want to show tooltip for each series separately without showing the symbol, Example: https://codesandbox.io/p/sandbox/stacked-line-chart-forked-y7zn6h

Hello! Did you find decision?

diazdressk avatar Mar 27 '24 15:03 diazdressk

There is any update? I want to show tooltip for each series separately without showing the symbol, Example: https://codesandbox.io/p/sandbox/stacked-line-chart-forked-y7zn6h

Hello! Did you find decision?

Hey, Nope, I'm still waiting for echarts that will respond.

yoelb00 avatar Mar 28 '24 06:03 yoelb00

There is any update? I want to show tooltip for each series separately without showing the symbol, Example: https://codesandbox.io/p/sandbox/stacked-line-chart-forked-y7zn6h

Hello! Did you find decision?

Hey, Nope, I'm still waiting for echarts that will respond.

I found another way, try this:

trigger: 'item', axisPointer: { type: 'cross', }, },

diazdressk avatar Mar 28 '24 06:03 diazdressk

There is any update? I want to show tooltip for each series separately without showing the symbol, Example: https://codesandbox.io/p/sandbox/stacked-line-chart-forked-y7zn6h

Hello! Did you find decision?

Hey, Nope, I'm still waiting for echarts that will respond.

I found another way, try this:

trigger: 'item', axisPointer: { type: 'cross', }, },

Hey, I tried that, but when I hover over a line, it's show points on all the lines , I want to show the point only on the hovered line. Screenshot_1

yoelb00 avatar Mar 28 '24 12:03 yoelb00

There is any update? I want to show tooltip for each series separately without showing the symbol, Example: https://codesandbox.io/p/sandbox/stacked-line-chart-forked-y7zn6h

Hello! Did you find decision?

Hey, Nope, I'm still waiting for echarts that will respond.

I found another way, try this: trigger: 'item', axisPointer: { type: 'cross', }, },

Hey, I tried that, but when I hover over a line, it's show points on all the lines , I want to show the point only on the hovered line. Screenshot_1

Yep, you have pass your data to "data" field and render with formatter Screenshot from 2024-03-28 20-33-23 d in series Screenshot from 2024-03-28 20-29-08 Screenshot from 2024-03-28 20-29-12 Screenshot from 2024-03-28 20-29-19 Screenshot from 2024-03-28 20-32-51

diazdressk avatar Mar 28 '24 14:03 diazdressk

There is any update? I want to show tooltip for each series separately without showing the symbol, Example: https://codesandbox.io/p/sandbox/stacked-line-chart-forked-y7zn6h

Hello! Did you find decision?

I found a solution how to show the symbol only when hovering specific line: I change the opacity to 0, and we change the opacity to 1 inside the emphasis object. example: https://codesandbox.io/p/sandbox/stacked-line-chart-forked-dm8kn8

yoelb00 avatar May 01 '24 06:05 yoelb00