Change cursor style when hovered over google chart

Question

I have a google chart which takes you to a different page when clicked. I would like to change the cursor style when hovered over the chart to indicate that its clickable. I am listening to the onmouseover event and i have this code in the handler

$('#div_id path').css("cursor", "pointer")

I can see the style applied to the path elements. But the cursor doesn't change. How do i change the cursor style when hovered on google chart?

Answer 1

You should be able to do this with just CSS:

#chart element { cursor: pointer; }

Otherwise try using .css('cursor', 'pointer') on the selector you are listening for the mouseover event on and removing the mouseover call.

Answer 2

You could just add a style looks like :

#chart_div g g g rect {
    cursor: pointer
}

example google chart

Demo CssDeck

Answer 3

This is working pretty well for me.

.chart path { cursor: pointer; }