2013-04-15 12 views

Odpowiedz

9

Potrzebujesz - tak jak już próbowałeś - do modyfikacji za pomocą CSS. Ty może nie stosując zmianę CSS po prawej elementu, trzeba zastosować go do .jqplot-Event-płótnie:

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

Proszę zobaczyć działający przykład here

Edit skrzypce i kod zaktualizowany zgodnie z sdespont - komentarz.

PS Jak napisane przez Lukas Jelinek, można przedefiniować domyślny wskaźnik kiedy usuwa zaznaczenie swoje dane:

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

dobra odpowiedź, ale używać. on() zamiast .bind(), które jest przestarzałe – sdespont

+0

Modyfikacje wykonane zgodnie z Twoim komentarzem. Pozdrawiam – AnthonyLeGovic

+0

Pamiętaj, że przynajmniej dla wykresów liniowych musisz ustawić właściwość highlightMouseOver na wartość true w parametrze series_options. W przeciwnym razie to rozwiązanie nie będzie działać. – carruthd

1

Dzięki za odpowiedź.

To samo możemy zrobić w ten sposób także:

kursor: { stylu: 'wskaźnik', pokaz: true, showTooltip: false }

ale chcę Kursor:” Wskaźnik "powinien być wyświetlany, gdy znajduje się na pasku, a nie na całym obszarze wykresu.

2

Jak pisał AnthonyLeGovic, powiązać go przy użyciu:

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

ale nie zapomnij, aby rozwiązać go też ustawić normalny kursor po wyprowadzce:

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

Powinieneś zmodyfikować JEGO odpowiedź i nie zamieścić swojej. – Bora

Powiązane problemy