Highchart Tooltip Hover funktioniert nicht richtig

Question

Ich habe ein Liniendiagramm, das zwei Punkte in der X-Achse haben kann (mit verschiedenen Y-Werten), aber die Highcharts Tooltip funktioniert nicht richtig in diesem Fall ist die JSfiddle:

http://jsfiddle.net/p5d1tzws/

Hier te Code:

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

den Code hinzufügen und highcharts documentation

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

sehen