My mistake, there should be a capital F for "IFrame" in the option (ie, "forceIFrame"). The option isn't documented because it is used for testing right now, and will go away once the charts team is satisfied that the charts are stable without iframes. What you want to do is to take a two-pronged approach to the problem. 1) set the forceIFrame option to false and use pure css for the non-IE<9 browsers, and then have a special code path for IE<9 that (on a mouseover event) sets the SVG's "path" elements css to use a "pointer" cursor. See an example here: http://jsfiddle.net/asgallant/W3Pss/
On Tuesday, July 31, 2012 8:15:34 AM UTC-4, Nikhil Agrawal wrote: > > I got it, tested with forceIframe setting to true and false. But in both > case it didn't worked. Only difference i notice is that with false there is > no iframe and vice-versa, but no difference in cursor. My cursor changes > when hovered in legends but not over chart area. Please help me for it. i > can see the style of cursor changes to pointer for all "g" tags. > > On Tue, Jul 31, 2012 at 5:16 PM, Nikhil Agrawal > <[email protected]>wrote: > >> HI asgallant, >> >> Thanks for you reply. Can you share the reference for "forceIframe", i am >> not getting it in google chart api reference. :( >> >> >> On Tue, Jul 31, 2012 at 2:32 AM, asgallant <[email protected]>wrote: >> >>> That should work in every browser except IE < 9, provided you have set >>> the forceIframe option to true. You need to have two separate code paths >>> to do this though, one for IE < 9 and one for everything else. IE < 9 uses >>> VML instead of SVG, so you have to figure out what the structure is for the >>> pie slices in VML and then write code to handle them (keep in mind that IE >>> < 9 always uses iframes, regardless of what you set the forceIframe option >>> to). If you didn't set the forceIframe option, the non-IE < 9 code-path >>> should not select based on $('iframe').contents(). >>> >>> >>> On Monday, July 30, 2012 3:44:37 AM UTC-4, Nikhil Agrawal wrote: >>>> >>>> HI All, >>>> >>>> I am working on pie chart. On clicking on each pie segment it gets >>>> redirected to some url. So i want that when mouse hovered it should show a >>>> hand cursor. >>>> I tried using jquery as follows inside an ready event listner. >>>> >>>> $('iframe').contents().find('**g').css( 'cursor', 'pointer' ); >>>> >>>> It doesn't show a hand cursor in the* pie segment*. But instead in >>>> tooltip & legends of the pie chart. >>>> Can any one suggest me what should be done to show show the hand >>>> pointer inside each segments. >>>> >>>> >>>> Thanks in Advance ..:) >>>> >>> -- >>> 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/-/ZSIT9N_ZOE8J. >>> >>> 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. >>> >> >> > -- 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/-/rQ1gFH4apigJ. 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.
