7

EDIT 2

Does anyone understand the latest post of how he got it working:

"i used https instead of http inside script tag.It worked."
-Comment 22 by nithin...@gmail.com, Feb 07 (3 days ago)

Which tag is he referring to? Is that where you load the javascript from google? (I tried an https there, no luck.) Other methods don't seem to work...


I have the Google gauges working in Firefox:
http://code.google.com/apis/visualization/documentation/gallery/gauge.html

But will not work in IE 8.

I also noticed that the "Google Playground" in IE comes up with a pop-up to install Chrome:
http://code.google.com/apis/ajax/playground/?type=visualization#gauge

I saw this post but not a real solution:
http://code.google.com/p/google-visualization-api-issues/issues/detail?id=5

First, what exactly is the issue?

I'm looking for a deeper understanding of why it doesn't work.

Next, any ideas on what to do?

Thanks!

EDIT

Bounty started for 100 pts. Looking for the "best" (as voted by other users) answer to get the guages working in IE, by the end of 7 days

Greg McNulty
  • 1,476
  • 5
  • 28
  • 50

1 Answers1

6

It appears that additional information is available in the comments of the link you've provided:

Found that google is using comment on top of the doctype. This causes doctype declaration not working properly. And thus makes the gauge drawn.

<!--
  copyright (c) 2009 Google inc.

  You are free to copy and use this sample.
  License can be found here: http://code.google.com/apis/ajaxsearch/faq/#license
-->

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

P/S: This is not the workaround.

Comment 6 provides a pseudo-workaround:

Are there any plans on getting this bug fixed for IE8? Removing the doctype from the page will get the gauge to work in IE8, however, this will cause rendering problems with other elements shown in the page.

Comment 8 provides a workaround that attempts to force compatibility mode:

Hi, not a solution but a work around that works fur us right now. By adding a HTTP Response header X-UA-Compatible = IE=EmulateIE7

This could be done in IIS or by adding the following section to web.config

<httpProtocol>
<customHeaders>
<add name="X-UA-Compatible" value="IE=EmulateIE7" />
</customHeaders>
</httpProtocol>

And I would assume the problem itself should otherwise be addressed by Google or handled by the IE team. I'll leave out the discussion of how that might work politically.

Best of luck with your visualization!

MrGomez
  • 23,788
  • 45
  • 72
  • +1 thank you...........let's see if there is anything else to it, otherwise it is yours! – Greg McNulty Dec 07 '10 at 03:01
  • 1
    @Greg No problem. This is actually quite helpful for work, where they've been suffering a whole slew of IE inconsistencies with GWT. – MrGomez Dec 07 '10 at 08:22
  • 1
    @Greg Thanks for honoring the bounty! – MrGomez Dec 10 '10 at 20:07
  • do you understand the latest post on that thread? (Please see updated question) Thank You! – Greg McNulty Feb 11 '11 at 01:49
  • @Greg Excuse my extreme tardiness. As it turns out, (HTTP) http://www.google.com/jsapi and (HTTPS) https://www.google.com/jsapi contain differing Javascript code. I would theorize that nithin's problems were fixed by this, but I do not believe this is applicable to your problem. – MrGomez May 09 '11 at 23:12