New Jun 30, 2025

Change tooltip type when moving between grids in chart

Libraries, Frameworks, etc. All from Newest questions tagged vue.js - Stack Overflow View Change tooltip type when moving between grids in chart on stackoverflow.com

I have a graph with multiple y-axes/x-axes, and currently, ECharts does not allow for different tooltip types between grids. I have three y-axes/grids within one graph, and for the first two, I would like to have a tooltip set as trigger: 'axis', and for the third one, trigger: 'item'.

I wanted to implement a solution following this example where I would dynamicly change tootlip trigger caching mouse move event. The problem with this solution is that mouseup or mousemove are only triggered when the mouse touches the object in the graph (line or dot), but I would like the solution where the event would already trigger when the mouse moves to the third graph area or goes back to the area of the second graph/grid. I didn't find any other suitable mouse event that would cover that.

Is there any solution to change the tooltip trigger when going between different graph areas/grids in the charts?

Scroll to top