echarts icon indicating copy to clipboard operation
echarts copied to clipboard

Multiple 'Tooltip' at the same time

Open andriyaucar opened this issue 4 years ago • 16 comments

Version

4.7.0

Steps to reproduce

Click series.data(flightData in https://echarts.apache.org/examples/zh/editor.html?c=custom-gantt-flight)

What is expected?

When user click all data on chart, a tooltip should be seems for each data on chart at the same time.

What is actually happening?

Only one tooltip can be displayed at the same time.


I created custom Gantt chart with using your example https://echarts.apache.org/examples/zh/editor.html?c=custom-gantt-flight. I changed triggerOn parameter to 'none' with using 'showTip', 'hideTip'. But I want to open multiple tooltip when i click all flightData on your example. For example when i click one flightData, a tooltip is opened but when i click second flightData, one more tooltip should be opened. Can i do that with using series.data.tooltip? How can i implement this logic? Could you please explain in provided example( https://echarts.apache.org/examples/zh/editor.html?c=custom-gantt-flight)?

andriyaucar avatar May 21 '20 13:05 andriyaucar

Currently, ECharts can not support the feature of multiple tooltips. But maybe it will be supported in 5.0 milestone. Related requirement and implementation is under discussion in issue #11382. Notes that this issue is in Chinese.

plainheart avatar May 22 '20 03:05 plainheart

Is there any planned date for v5.0?

andriyaucar avatar May 22 '20 07:05 andriyaucar

No planned date by now, there will be a release of v4.9 before v5.0. Maybe it still need a bit long period.

plainheart avatar May 22 '20 07:05 plainheart

Ok. Is there any workaround used before for multiple tooltip? If not, i will try to implement some custom popups in angular.

andriyaucar avatar May 22 '20 07:05 andriyaucar

Sorry, I'm afraid there is no workaround at present. :-(

plainheart avatar May 22 '20 08:05 plainheart

Ok thank you for your reply.

andriyaucar avatar May 22 '20 08:05 andriyaucar

And try to use custom series? https://echarts.apache.org/en/option.html#series-custom

plainheart avatar May 22 '20 08:05 plainheart

I already used custom series and i used series-custom.tooltip. Actually i tried to use series-custom.data.tooltip for multiple tooltip, but when i use series-custom.data.tooltip, it didn't work. Is there any example for series-custom.data.tooltip?

andriyaucar avatar May 22 '20 08:05 andriyaucar

Just one tooltip component instance will exist wherever it is configured, so it's better to implement externally. It seems to be a bit difficult if only using echarts for now. So, as you said above, may try to implement some custom popups in your program as a temporary substitution for multiple tooltips.

plainheart avatar May 22 '20 09:05 plainheart

Ok thanks for response.

andriyaucar avatar May 22 '20 10:05 andriyaucar

Hi, I have a similar problem on scatter plots, when 2 points are having exactly the same data the tooltip shows just one of them.

Any update with the latest version of Echarts? I had a look within the documentation but didn't find anything.

dvago avatar Apr 20 '21 14:04 dvago

This issue has been automatically marked as stale because it did not have recent activity. It will be closed in 7 days if no further activity occurs. If you wish not to mark it as stale, please leave a comment in this issue.

github-actions[bot] avatar Apr 20 '23 21:04 github-actions[bot]

This still relevant

dvago avatar Apr 21 '23 08:04 dvago

@plainheart : is there any plan to support this at all ? thoughts would be appreciated

mnischay avatar Jun 01 '23 17:06 mnischay

+1

hughess avatar Feb 11 '24 15:02 hughess

A workaround for multiple tooltips with select and graphic - Demo Code Deselect all selected items, or press Restore button to remove all added tooltips. image

helgasoft avatar Feb 12 '24 05:02 helgasoft