【问题标题】:highcharts, how to prevent series hover event to cause hover event on nearest point(marker)highcharts,如何防止系列悬停事件导致最近点(标记)上的悬停事件
【发布时间】:2017-08-22 08:47:03
【问题描述】:

默认情况下,如果我将鼠标悬停在系列线(日期时间图表)上,我会在该系列的最近点上获得悬停事件。

但我只需要在标记(点)上触发悬停事件,而不是在系列上。

如果我对系列悬停事件执行 stopPropagation,即使在直接悬停时也不会触发点悬停事件。

你能指点一下吗?

plotOptions.series.stickyTracking = falsetooltip.snap = 0 没有解决问题。

【问题讨论】:

  • 请添加一些代码或者更好的代码笔示例。
  • 您能否创建一些现场小提琴演示或替代示例以获得更多想法?
  • 我认为检查您是否只悬停在该点并相应地显示工具提示会很困难,我建议您可以通过使用点击事件并关闭默认工具提示来进行替代。我在这里准备了演示。 jsfiddle.net/418vgro4
  • 这是答案:findNearestPointBy。演示:jsfiddle.net/gh/get/library/pure/highslide-software/…

标签: javascript highcharts


【解决方案1】:

实现这一点的最简单方法是将系列类型设置为scatter,并将lineWidth 设置为某个值。此外,禁用stickyTracking 并将tooltip.snap 设置为非常小的值(例如1)。

API 参考:
http://api.highcharts.com/highcharts/series%3Cscatter%3E
http://api.highcharts.com/highcharts/series%3Cscatter%3E.lineWidth
http://api.highcharts.com/highcharts/series%3Cscatter%3E.stickyTracking
http://api.highcharts.com/highcharts/tooltip.snap

示例:
http://jsfiddle.net/02nnhp5x/

【讨论】:

    猜你喜欢
    • 2016-02-20
    • 1970-01-01
    • 1970-01-01
    • 2014-01-07
    • 1970-01-01
    • 2012-10-31
    • 2015-03-18
    • 2018-08-13
    • 1970-01-01
    相关资源
    最近更新 更多