I seem to be having an issue with displaying charts in 64 bit internet explorer on windows 7. I have attached two screenshots 1) 32 bit mode 2) 64 bit mode. Has anyone else seen this? or have an idea as to why it may be doing this?
Internet Explorer's 64-bit implementation of VML is poor, to say the least. It does support SVG in standards mode, however.
I just finished a large project involving charts and I ran into the exact same problem you did. Text boxes cutting off, label alignment and rotation issues, the whole works. The only solution I'm aware of is to use 32-bit IE and hold out for IE10. Sorry.
Related
I'm using Raphael 2.1 to draw 15 lines at the same time. Each lines is made up of 50 2 pixel paths. Performance is best in Safari and Chrome, good in FF, weak in Opera, and chokes in IE9. Microsoft says that SVG will run in IE9, but Raphael.svg returns false in IE9.
I've been reading posts related Raphael and IE all day, and the only solution that I've seen for improving Raphael's performance in IE9 is to install Chrome Frame.
Has anyone encountered any other solutions?
Raphael uses svg in IE9 and work with reasonable performance. You have to be careful that IE is not being forced into IE8 standards mode (which frequently happens). If IE9 falls back to IE8 standards then it will end up using VML, which is very slow, and there is no efficient alternative to SVG in general in IE8 or below.
When faced with this problem using IE8 I ended up using divs and css to achieve rendering of lines, rectangles and text. Since that's all I required it was very fast even in IE8, helped out by buffering the divs inside the container. If your problem is simple enough, you may wish to consider a pure DOM solution. See: https://github.com/Matt-Esch/simpleCanvas.js for inspiration.
Im having a problem with Raphael and a custom map svg plugin Im using. I am pretty sure the problem is related to Raphael and redrawing vectors every time the map reloads. The map works perfectly in Firefox/Chrome/IE9. In IE 7/8 the map runs incredibly slow and its almost non usable. The icons also turn white sometimes. It seems the positioning happens before the re-sizing of the elements happens in IE8 and that's where the bottleneck seems to occur. Here is a link to the map:
http://www.comparewebads.com/VisaInteractiveMAP/world.html
The file that handles the map functionality is mapsvg.js.
http://www.comparewebads.com/VisaInteractiveMAP/js/mapsvg.js
I know this isn't a comprehensive answer, but some of my own research in a related area tells me that browsers' javascript performance, especially in terms of graphics performance in svg, canvas, etc, has improved exponentially over their past few versions. IE is especially notorious for poor performance (in any version).
I suspect that at least a part of your problem is simply that IE 7 and 8 have comparatively slow and inefficient javascript engines.
In my own javascript-heavy projects I refuse to support anything before IE9, because IE 7 and IE8 simply can't handle the performance (and some features just aren't included.)
So I have a website at danzimm.com and it worked properly in Safari 5, works properly in Google Chrome and Firefox but no longer works for Safari 6.
I'm using an old version of the impress.js framework (one that I modified a little bit) and I rely on the rotateX/rotateY/rotateZ selectors (not sure I'm using the right term there) as well as the perspective translate3d and size selectors (again not sure using the right term)
I am by no means a seasoned web developer but i have touched my nose in a little...
Anyways, is this a bug with Safari 6 or am I doing something silly?
There's a number of documented problems with Safari 6 and 3d transforms. Hopefully it will be fixed in the next release.
Example 1
Example 2
Update: Seems to be fixed in Safari 6.0.1
I'm using sigma.js javascript library to display graphs and it works all fine in all browsers except for Internet Explorer 8 on Windows. Anyone knows what the problem may be? Maybe z-index on the div layer I use or something like that?
Here's the website: http://textexture.com
And here's the library: http://sigmajs.org
Thanks!
PS If anyone has Internet Explorer 9 I'd appreciate if you could tell me if the graph displays on there as well.
The library says it supports browsers that have canvas. IE8 does not support canvas support. IE9 does.
You can see if adding excanvas will make it work.
I'm using Raphael javascript library to make graphics.
I've almost copied the Analytics example from the webpage and I'm getting a white and black color graphic in internet explore and I don't know why.
Please see this is how it works on Firefox, Chrome and Safari:
http://imageshack.us/photo/my-images/861/75172783.png/
And this in InternetExplorer:
http://imageshack.us/photo/my-images/847/94131171.png/
Thanks!
Thanks for the Help.
However, I managed to fix the problem. I don't know why VML didn't like that Raphael object was inside a div with a "-".
This was my structure:
Simply taking the graphic outside the on-data div worked. Very weird actually!
Thanks!
From my answer to another Raphael/IE related problem:
Have you tried using Raphael 2.0? I think it's still in beta stage, but I found that it's got improved VML capabilities.
Also be sure to test browser behavior with an uncompressed version of Raphael, as minified versions seem to have bugs. Instead, I've used Packer by Dean Edwards, which gave me a compressed and bug free version of the lib.