The title adds another element to the DOM, which is probably pushing some
of the "g" elements down, so they aren't in the right place to be matched
by the "nth-of-type" css pseudo-selectors. Try one of these and see if it
works:
.Path_bar svg > g:nth-of-type(2) > g:nth-of-type(1) > g:nth-of-type(3) > g {
cursor: pointer;
}
.Path_bar svg > g:nth-of-type(2) > g:nth-of-type(2) > g:nth-of-type(2) > g {
cursor: pointer;
}
.Path_bar svg > g:nth-of-type(3) > g:nth-of-type(1) > g:nth-of-type(2) > g {
cursor: pointer;
}
I also noticed that you left out the javascript that handles IE < 9 -
that's fine if you don't have a user base with old versions of IE, or if
you don't care that they don't get the pointer cursor. If you do need it
to work in IE < 9, you'll have to copy the javascript from my previous
post, and play around with the numbers in the ":eq(...)" selectors to match
the right elements.
On Friday, November 16, 2012 9:05:15 AM UTC-5, james0928 wrote:
>
> Haciendo pruebas me doy cuenta que no funciona cuando le pongo el atributo
> title, si le quito el title a la grafica si toma el estilo, pero no
> entiendo es porque pasa esto
>
> El martes, 28 de agosto de 2012 17:46:23 UTC-5, james0928 escribió:
>>
>> Hola, estoy generando una grafica de torta(pie chart), para mostrar
>> ciertos valores, los cuales quisiera que al pasar el mouse por encima de
>> cada porcion de la grafica el cursor se convierta en mano, ya que al dar
>> click sobre cada porcion me lleva a una pagina que le asigne. intente con
>> char_div.style.cursor:"hand", pero no funciono agradesco cualquier aporte
>>
>
--
You received this message because you are subscribed to the Google Groups
"Google Visualization API" group.
To view this discussion on the web visit
https://groups.google.com/d/msg/google-visualization-api/-/9WFltGDdZUcJ.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to
[email protected].
For more options, visit this group at
http://groups.google.com/group/google-visualization-api?hl=en.
