Visualize Script - Pie Chart not showing in IE

[GoogleCodeExporter]

we’re checking out this script and it’s quite impressive! however, we did 
find an issue. using a pie chart, for example, if you are comparing 4 sets 
of data and in one example you only have 1 set that is 100% of the pie, in 
safari and FF it shows up correctly. we see a full pie with 100% in it. 
however, in IE, we get a blank page. this is an issue if you want load 
customer data into a chart b/c sometimes you won’t have other data points 
yet, and you may have only 1. is there something we can do to fix this?? 

What steps will reproduce the problem?
1. all we have to do is load the pie chart with one item and it loads just 
fine in FF and Safari, but not IE (see the screenshots). 

What is the expected output? What do you see instead?
should load the same way in IE.

What version of the product are you using? On what operating system?
not sure, but we tested with the latest version and got the same result.

*** Please use labels below to identify the type of issue and the widget to
which it applies. ***

Original issue reported on code.google.com by lancehle...@gmail.com on 31 Mar 2010 at 5:39

Attachments:

• [pieChart Firefox.jpg](https://storage.googleapis.com/google-code-attachments/dwpe/issue-11/comment-0/pieChart Firefox.jpg)
• [pieChart IE.jpg](https://storage.googleapis.com/google-code-attachments/dwpe/issue-11/comment-0/pieChart IE.jpg)

[GoogleCodeExporter]

I'm having the same issue in IE with Bar and Line charts that only have a 
single set of 
data points (i.e. count of x (y-axis) per day (x-axis). It's rendering fine in 
FF and 
Chrome, but not displaying my single line or set of bars in IE 8

Original comment by bsat...@gmail.com on 1 Apr 2010 at 9:43

[GoogleCodeExporter]

Original comment by fg.mag...@gmail.com on 8 Apr 2010 at 9:21

• Added labels: Visualize, Priority-Medium

[GoogleCodeExporter]

Hi everyone,

  First and foremost, kudos on this wonderful script. There is some real intelligence
on the makers part and impressive in the customizations and level of detail to 
this. 

 Now to offer a little bit of help on this particular topic the reason IE is having
issues on this script is because of lack of support for the canvas tag, which 
is the
base element in this script that is used to draw the charts. To make is short, 
IE 7
and below do not support the canvas tag, and well IE 8 can , it is still rather 
buggy.

  There is an open source script offered by Google (
http://code.google.com/p/explorercanvas/downloads/list) that I used to fix this
problem. It is a self contained script ( one ) that make IE6+ support the 
canvas tag,
and work it's magic. Just place a reference to this script before the
'visualize.jQuery.js', and the everything lit up for me.

Hope this helps.

Original comment by mbonit...@gmail.com on 24 Apr 2010 at 2:59

[GoogleCodeExporter]

We grabbed the file and tested it out and no luck. We did exactly what you 
outlined and checked in IE7-IE8. I'm not sure how to fix this. Any more ideas 
or can we see an example online?

Original comment by rareview...@gmail.com on 20 Aug 2010 at 5:45

[GoogleCodeExporter]

Try the latest excanvas version:

http://code.google.com/p/explorercanvas/source/browse/trunk/excanvas.js

Warning, this version is the current development version. It fixes my IE issues.

Original comment by alistair...@gmail.com on 20 Oct 2010 at 5:15

[GoogleCodeExporter]

Hi all, I've tried to download the latest development file of excanvas.js but 
I'm having the same 100%-dont-show-in-IE-browsers issue even with that dev 
version available at: 
http://code.google.com/p/explorercanvas/source/browse/trunk/excanvas.js

I've tried to implement starting on r43 and tried everyone 'til r73, with no 
success.

Someone have tried this version to address the 100% no-show on IE with success? 
I'm having errors on the addNamespace function. Is there anyone that may help 
me out?

  function addNamespace(doc, prefix, urn) {
    if (!doc.namespaces[prefix]) {
      doc.namespaces.add(prefix, urn, '#default#VML');
    }
  }

Original comment by alysson....@gmail.com on 18 Nov 2010 at 6:19

[GoogleCodeExporter]

I spent a while messing with this and have found the problem.  Turns out that 
in IE, if the arc tries to draw over itself, only the intersection is 
displayed.  

My solution to the problem is a complete hack but here goes... in the 
visualize.jQuery.js file, on line 200 if you add some small delta correction 
then the arcs wont overlap (the overlap is a consequence of decimal precision).

Basically, change line 200 to this:
    (counter + fraction) * Math.PI * 2 - Math.PI * 0.5 - 0.0001,
the 0.0001 is what I chose but it can be anything small.

When it's not 1:46 in the morning I'll look for a more intelligent solution but 
for now this works.

Original comment by dwner...@gmail.com on 21 Dec 2010 at 7:47

[GoogleCodeExporter]

[deleted comment]

[GoogleCodeExporter]

The gwt graph libraries are not displaying properly in IE browser. there is 
some problem related to compiled javascript.

Original comment by aruganes...@gmail.com on 21 Sep 2012 at 6:53

Attachments:

• error.png