Highcharts - Rysuj krzyżyki/etykietę narzędzia na pozycji myszy Zamiast przyciągać do punktu danych

Question

Here (see this jsfiddle) widać, że dwuwymiarowe krzyżyki przyciągają się do najbliższego punktu danych. W jaki sposób uczynisz celownik i podpowiedź odpowiadającej aktualnej pozycji myszy na wykresie?

tooltip: { 
    crosshairs: [true, true] 
} 

Answer 1

jsFiddle Solution

skończyło się wiążące własną imprezę mouseMove uzyskać stale zmieniającą się pozycję myszy w obrębie wykresu na celowniku. W przypadku używanej właśnie podpowiedzi:

tooltip: { 
      shared: true, 
      followPointer: true 
     }, 

To powinno wystarczyć.

Answer 2

Niestety celownik działa tylko w ten sposób, ale można przygotowywać własne rozwiązania w drodze mouseOver i mouseOut zdarzeń i dodać kreślenia linii przez renderer.

http://api.highcharts.com/highcharts#plotOptions.series.events.mouseOver http://api.highcharts.com/highcharts#plotOptions.series.events.mouseOut

http://api.highcharts.com/highcharts#Renderer

Answer 3

Można spróbować Set axis crosshair for mouse move

Example

$('#container').highcharts({ 
    xAxis: { 
     crosshair: { 
      snap: false 
     } 
    }, 
    yAxis: { 
     crosshair: { 
      snap: false 
     } 
    }, 
    series: [{ 
     data: [6, 4, 2,4], 
     name: 'First' 
    }, { 
     data: [7, 3, 2], 
     name: 'Second' 
    }, { 
     data: [9, 4, 8], 
     name: 'asdf' 
    }]   
});