El evento "plothover" de Jquery Flot no funciona

Question

Tengo un problema que parece que no puedo rastrear. Estoy usando Flot para graficar algunos datos, muy fácil. Quiero agregar el efecto de desplazamiento que aparece aquí: Flot Example

Desafortunadamente, bajo ninguna circunstancia puedo hacer que el evento 'plothover' se dispare. Este es un breve fragmento del código:

$.plot($chartArea, eventData, eventOptions); 

$chartArea.bind("plothover", function (event, pos, item) { 
    console.log('hovering!'); 
}); 

¿Hay algo que tienes que configurar en las opciones objeto de permitir este comportamiento? ¡Gracias!

Answer 1

Como un idiota, olvidé incluir la opción de cuadrícula. Mira el objeto:

eventOptions = { 
    points: { 
     show: true 
    }, 
    lines: { 
     show: true 
    }, 
    grid: { hoverable: true, clickable: true }, 
    xaxis: { 
     min:earliestMessage.timestamp, 
     max:currentTime, 
     mode:"time", 
     ticks:10 
    } 
}; 

fíjate en el parámetro de la cuadrícula. Eso es lo que faltaba. Duh!

:)

Answer 2

no estoy seguro de lo $ ChartArea está en su código, pero vamos a tratar algo como esto:

var chartArea = $("#placeholder"); // your chart div 

$.plot(chartArea, eventData, eventOptions); 

$(chartArea).bind("plothover", function (event, pos, item) { 
    console.log('hovering!'); 
});