在highcharts上鼠标移出事件

时间:2015-10-16 14:00:49

标签: highcharts

当我点击高光图中的某个点时,我有一个显示在我的高保真顶部的div。高图看起来像这样:

enter image description here

当我点击蓝点时,会出现一个div。我想当我移动光标ou时,div消失,但当鼠标离开图形而不是点时,会调用highcharts的所有mouseOut事件。我该怎么做?

1 个答案:

答案 0 :(得分:0)

如果没有一个例子,很难确切地说出来,但我猜是因为你有粘性跟踪和/或高隐藏延迟?

来自http://api.highcharts.com/highcharts#plotOptions.series.stickyTracking

  

如果为false,则当鼠标离开系列图形或标记周围的区域时,将触发系列上的mouseOut事件。这也意味着工具提示。

我已经改编了一个示例来说明当stickyTracking设置为false并且hideDelay设置为0时,工具提示会在单个数据点的mouseOut上消失:

    tooltip: {
        headerFormat: '<b>{series.name}</b><br />',
        pointFormat: 'x = {point.x}, y = {point.y}',
        hideDelay: 0
    },

    series: [{
        data: [1, 2, 4, 8, 16, 32, 64, 128, 256, 512],
        pointStart: 1,
        stickyTracking: false
    }]

此处的示例:http://jsfiddle.net/08wp6sk3/