echarts
echarts copied to clipboard
Multiple 'Tooltip' at the same time
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)?
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.
Is there any planned date for v5.0?
No planned date by now, there will be a release of v4.9 before v5.0. Maybe it still need a bit long period.
Ok. Is there any workaround used before for multiple tooltip? If not, i will try to implement some custom popups in angular.
Sorry, I'm afraid there is no workaround at present. :-(
Ok thank you for your reply.
And try to use custom series
? https://echarts.apache.org/en/option.html#series-custom
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
?
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.
Ok thanks for response.
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.
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.
This still relevant
@plainheart : is there any plan to support this at all ? thoughts would be appreciated
+1
A workaround for multiple tooltips with select and graphic - Demo Code
Deselect all selected items, or press Restore button to remove all added tooltips.