question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Multiple tooltips with different trigger type

See original GitHub issue

What problem does this feature solve?

For my line chart I need to show two types of tooltips. One on hover on exact point(like with trigger item) and another on hovering any other place (like trigger axis). Below issue was raised for same but closed without proper response https://github.com/apache/incubator-echarts/issues/4905

What does the proposed API look like?

tooltip: [{
        trigger: 'axis',
        formatter: axisTooltipFormatter
      },{
        trigger: 'item',
        formatter: itemTooltipFormatter
      }]

Or

{
  tooltip: {
     trigger: 'axis',
     formatter: axisTooltipFormatter
  },
  series[{
     ...
     tooltip: {
        formatter: itemTooltipFormatter // item trigger
    }
  ]

Issue Analytics

  • State:open
  • Created 4 years ago
  • Comments:18 (2 by maintainers)

github_iconTop GitHub Comments

5reactions
Joaveinzcommented, Jan 24, 2022

Hi. Multiple-tooltip is a feature we wish to implement in v5.0, which is a long term requirement. You may need to wait for some time before you can use this feature.

Hello @Ovilia, I see the version is now 5.2.2, has this been implemented? Or has the roadmap changed?

4reactions
anoosurfcommented, Nov 14, 2020

image

a simple ‘split’ option to split the tooltip for each individual series… is very helpful when analyzing multiple line charts

Read more comments on GitHub >

github_iconTop Results From Across the Web

Multiple tooltips with different trigger type #11115 - GitHub
For my line chart I need to show two types of tooltips. One on hover on exact point(like with trigger item) and another...
Read more >
How to set different trigger attribute for multiple tooltip in the ...
The tooltips appear on all stacks and points of the line chart triggered by mouse actions: 'focus' (mouse on the target), 'selection' (on...
Read more >
Tooltips - Bootstrap
You may pass multiple triggers; separate them with a space. 'manual' indicates that the tooltip will be triggered programmatically via the .tooltip('show') ,...
Read more >
Multiple tooltip triggers - Angular, Vue, React ... - jQWidgets
The reason I want to do this is because of mobile devices. Seeing that there's no hover for someone using a touch-device, it...
Read more >
Tooltipster - The jQuery Tooltip Plugin - GitHub Pages
Hover Default settings; Click Custom open/close triggers; Hover HTML, side, ... boolean, Allows you to put several tooltips on a single element (see...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found