JQPlot - Wie ändere ich den Cursor zum Zeiger auf Hover zu Bar in JQPlot?

Question

Ich möchte den Cursor zu 'Zeiger' ändern, wenn er auf Balken des JQPlot schwebt.

Ich habe versucht, in der CSS zu ändern. Aber es hat nicht funktioniert. Bitte hilf mir.

Answer 1

Sie müssen - wie Sie es versucht haben - es mit CSS ändern. Sie haben vielleicht nicht die CSS Änderung auf der rechten Element anwenden, müssen Sie es .jqplot-Event-Leinwand anwenden:

$('#chart1').on('jqplotDataHighlight', function() { 
    $('.jqplot-event-canvas').css('cursor', 'pointer'); 
}); 

Bitte sehen ein funktionierendes Beispiel here

bearbeiten Fiddle und Code aktualisiert nach sdespont 's Kommentar.

PS Wie von Lukas Jelinek geschrieben, können Sie Standard-Zeiger neu zu definieren, wenn Sie Ihre Daten heben sie:

$('#chart1').on('jqplotDataUnhighlight', function() { 
    $('.jqplot-event-canvas').css('cursor', 'auto'); 
}); 

Answer 2

Vielen Dank für Ihre Antwort.

Gleiche, was wir auch durch diese Art und Weise tun:

Cursor: { style: 'Zeiger', zeigen: true, showtooltip: false }

Aber ich möchte, dass die Cursor:“ Zeiger "sollte angezeigt werden, wenn er auf der Leiste und nicht auf dem gesamten Diagrammbereich steht.

Answer 3

Wie schrieb AnthonyLeGovic, binden sie mit:

$('#chart1').on('jqplotDataHighlight', function() { 
    $('.jqplot-event-canvas').css('cursor', 'pointer'); 
}); 

aber vergessen Sie nicht, es auch zu entbinden den normalen Cursor zu setzen, wenn Sie sich bewegen:

$('#chart1').on('jqplotDataUnhighlight', function() { 
    $('.jqplot-event-canvas').css('cursor', 'auto'); 
});