Highcharts - Disegna punto croce/suggerimenti sulla posizione del mouse invece di eseguire lo snap al punto dati

Question

Here (see this jsfiddle) è possibile visualizzare i puntatori a croce bidimensionali che si agganciano al punto dati più vicino. Come faresti che il mirino e il tooltip corrispondano alla posizione corrente del mouse sul grafico?

tooltip: { 
    crosshairs: [true, true] 
} 

Answer 1

jsFiddle Solution

Ho finito il mio legame evento MouseMove per ottenere la posizione del mouse in continua evoluzione all'interno del grafico per il mirino. Per il tooltip che ho appena usato:

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

Questo dovrebbe essere più che sufficiente per farti andare.

Answer 2

Purtroppo mirino funziona solo in questo modo, ma si può preparare la propria soluzione da eventi mouseover e mouseOut e aggiungere draw line dal 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

Si può provare 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' 
    }]   
});