javascript - Highcharts 显示当图表放大时悬停在图表区域外的线上的点

Question

我最近开始使用 highcharts，对于我的元素，我需要以下原型(prototype)图表，我可以在其中放大或缩小。我只想在用户将鼠标指针准确地移到点上时在工具提示中显示 y 轴值。但是在 highcharts 中，如果我将鼠标悬停在直线上，它会在工具提示中显示最近点的 y 轴值。我的问题是当我放大以查看一组特定的点时，如果我将鼠标悬停在线上，它会显示图表区域之外的点的 y 轴值。

http://jsfiddle.net/ssaptarshii/hkn8c27n/

$(function () {
$('#container').highcharts({
    chart:{
        zoomType: 'xy'
    },
    title: {
        text: 'Monthly Average Temperature',
        x: -20 //center
    },
    subtitle: {
        text: 'Source: WorldClimate.com',
        x: -20
    },
    xAxis: {
        categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun',
            'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
    },
    yAxis: {
        title: {
            text: 'Temperature (°C)'
        },
        plotLines: [{
            value: 0,
            width: 1,
            color: '#808080'
        }]
    },
    tooltip: {
        valueSuffix: '°C'
    },
    legend: {
        layout: 'vertical',
        align: 'right',
        verticalAlign: 'middle',
        borderWidth: 0
    },
    series: [{
        name: 'Tokyo',
        data: [7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6]
    }]
});

});

在上面的链接中，如果我将 June 和 September 之间的部分图表放大到图表区域之外(上方)，然后将鼠标悬停在 之间的线段上>6 月和 7 月，然后 x 轴值(7 月)的 y 轴值(显示在工具提示中)变得可见，这已经在图表屏幕之外。 七月 的 y 轴值显示在图表标题附近​​的某个位置。

如果放大，我不想在图表区域之外的工具提示上显示所有此类 y 轴值，而且我想禁用通过将鼠标悬停在线上来显示点的功能。

Answer 1

这个怎么样 - fiddle

添加了这些系列选项:

type: 'scatter',
stickyTracking: false,
lineWidth: 2,