我正在开发一个日期时间序列折线图的效率(百分比)随着时间的推移。
我需要一个工具提示来显示图表上每个点的信息,但我发现很难将鼠标悬停在与另一系列的线条或标记重合的点上。
图表本质上是静态的,因为用户无法从图表中删除系列-因此他们无法删除系列,以便能够更容易地悬停在所需的点上。
在此演示(https://jsfiddle.net/slaws/37y4cteq/10/)中,需要多次尝试在该区域中移动光标,才能获得序列中最后一个点的工具提示,并显示黑色标记。
在这里x1c 0d1x我移动我的光标周围的区域标记为红色,但不能得到任何点的工具提示,除了一个显示显示。
我必须按照一个特定的步骤,将光标移动到一个特定的点,才能将光标悬停在黑色标记上,并显示工具提示。在
中,我必须将光标悬停在倒数第二个黑色标记上,然后将光标移动到指定的点,才能显示最后一个标记的工具提示。
我试过将findNearestPointBy(x,y和xy)与stickyTracking(true和false)结合使用,但没有任何改进。
"stickyTracking": false,
"findNearestPointBy": 'y'
我读到一些关于直接悬停模式而不是最近邻居的东西,但没有发现如何实现的细节。
如果您有任何关于如何让我的用户更容易地在我的用例中显示工具提示的指导,我将不胜感激!
1条答案
按热度按时间w1jd8yoj1#
将
tooltip.snap
设置为0并将stickyTracking
设置回默认选项可解决您的问题。演示:https://jsfiddle.net/BlackLabel/54q2eubd/
应用编程接口:https://api.highcharts.com/highcharts/tooltip.snap