2013-04-15 12 views

risposta

9

Hai bisogno, come hai provato, di modificarlo tramite CSS. Lei forse non hai l'applicazione di cambiamento CSS sull'elemento destra, è necessario applicarlo a .jqplot-evento-tela:

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

Si prega di vedere un esempio di lavoro here

Modifica Fiddle and codice aggiornato in base al commento di sdespont.

PS Come scritto da Lukas Jelinek, è possibile ridefinire puntatore predefinito quando si unhighlight i dati:

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

buona risposta, ma l'uso. on() invece di .bind() che è deprecato – sdespont

+0

Modifiche fatte in base al tuo commento. Cheers – AnthonyLeGovic

+0

Si noti che almeno per i grafici a linee, è necessario avere highlightMouseOver impostato su true nelle serie_options altrimenti questa soluzione non funziona. – carruthd

1

Grazie per la risposta.

Stessa cosa che possiamo fare in questo modo anche:

cursore: { stile: 'puntatore', spettacolo: vero, ShowToolTip: false }

ma voglio che il cursore:" Puntatore "dovrebbe essere visualizzato quando si trova sulla barra non sull'intera area del grafico.

2

Come ha scritto AnthonyLeGovic, si legano usando:

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

ma non dimenticare di sciogliere troppo per impostare il cursore normale quando si sposta fuori:

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

Dovresti aver modificato la risposta HIS e non averla pubblicata. – Bora

Problemi correlati