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?
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.