ハイチャートのツールチップのホバーが正しく機能しない

Question

X軸に2つのポイント（Y値が異なる）を持つ折れ線グラフがありますが、ハイチャートのツールチップが正しく動作しない場合、jsfiddleは以下のとおりです。

ここで

http://jsfiddle.net/p5d1tzws/

は、TEコードです：

Highcharts.chart('container', { 
    chart: { 
     type: 'line' 
    }, 
    title: { 
     text: 'Area chart with negative values' 
    }, 
    xAxis: { 
     categories: ['Apples', 'Oranges', 'Pears', 'Grapes', 'Bananas'] 
    }, 
    credits: { 
     enabled: false 
    }, 
    series: [{ 
      name: 'John', 
      data: [{ 
        name: 'Point 1', 
        y: 2, 
        x: 1 
       }, { 
        name: 'Point 2', 
        x: 1, 
        y: 4 
       }, { 
        name: 'Point 3', 
        x: 2, 
        y: 5 
       }, { 
        name: 'Point 4', 
        x: 2, 
        y: 8 
       }, { 
        name: 'Point 5', 
        x: 3, 
        y: 10 
       } 
      ] 
     } 
    ] 
}); 

Answer 1

以下のコードを追加し、参照highcharts documentation

plotOptions: { 
    line: { 
     findNearestPointBy: 'x', //or "xy" to both axis 
     marker: { 
     enabled: true 
     } 
    } 
    }