Synchronize tooltip between two charts (grid)
See original GitHub issueGeneral Questions
Issue Type
- [ x] I have a question to ask about how to use ECharts to …;我想提问如何使用 ECharts 实现某功能
- I have a bug to report;我想要报 bug
- I have a feature to request, e.g.: I’d like a new feature that …;我需要一个新功能
- I have a feature to enhance, e.g.: The current feature should be improved in the way that …;我希望改进某个功能
- There’s something wrong with the documents;文档有些问题
- Others, or I’m not sure which issue types to choose here;其他,或我不知道应该选什么类型
Issue Details
I would like to know if it is possible to have a synchronized tooltip between two grid elements.
Expected Behavior
When moving the mouse on my candlestick chart I would like the cross tooltip to move simultaneously to the corresponding X axis position of the other chart (2nd grid element) that is located right below. They share the same X axis data (dates). Is this possible in any way?
Thanks !
Current Behavior
Current behavior is that the cursor and tooltip only moves on the chart that the mouse is hovering. Ideally the seccond chart would display the tooltip and cross too at the same time.
Online Example
Topics
Anything Else We Need to Know
Environment
-
ECharts version;ECharts 版本: {DESCRIBE_HERE}
-
It happens only on certain browsers or operating systems. 对于特定浏览器或操作系统才会出现的问题,请提供相应环境信息:{BROWSER_VERSION_OR_OS_INFORMATION_HERE}
Issue Analytics
- State:
- Created 5 years ago
- Comments:7 (1 by maintainers)
Top Results From Across the Web
Synchronize tooltip between two charts (grid) #9890 - GitHub
Issue Details. I would like to know if it is possible to have a synchronized tooltip between two grid elements. Expected Behavior. When...
Read more >Sync ToolTip across Multiple JavaScript Charts - CanvasJS.com
Syncing ToolTip allows you to analyze related parameters across multiple charts in a page. Library provides APIs to easily do the same.
Read more >Synchronize tooltip for multiple charts - Highcharts
is there anyway to synchronize tooltips horizontally for the charts side by side as shown in the image? I do see a lot...
Read more >Synchronize charts with each other • apexcharter
With Apexcharts you can sync (tooltip, zoom) several charts together by providing a common id in synchronize argument. This works in Shiny and...
Read more >Synchronizing Tooltips over multiple plots bokeh
Save this question. Show activity on this post. I have created a grid plot using bokeh consisting of multiple vertically stacked line charts...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
hi! it seems the link is not available anymore. can anyone post the updated link?
@Ovilia unfortunately the link you provided is down. I got the same problem but this github issue doesn´t provide the answer.