Domanda

Ho un grafico a barre dojo. OnMouseOver the Bar, vorrei un cursore delle mani. Stavo provando qualcosa del genere

chart1.connectToPlot("default",function(evt) {
   var type = evt.type;
   if(type == "onmouseover"){

   }

Come faccio a far mostrare il mio puntatore del mouse come mano quando lo muovo sopra la barra?

È stato utile?

Soluzione

Prova questo, supponendo che tu abbia un div nel tuo html (il contenitore del tuo grafico), con id = "chartnode":

 chart.connectToPlot("default",function(evt) {
    var type = evt.type;
    if(type == "onmouseover") {
        dojo.style("chartNode", "cursor", "pointer");
    }
    else if(type == "onmouseout") {
        dojo.style("chartNode", "cursor", "default");
    }

});

Altri suggerimenti

Se stai usando grafici a bar/colonne, puoi eventualmente cavartela con i seguenti CSS:

    g rect {
        cursor: pointer;
    }

Questa potrebbe non essere una soluzione ottimale, soprattutto se hai altri elementi SVG sulla pagina, potresti rischiare che il tuo cursore sia un puntatore in cui non lo vuoi.

Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top