flot v0.5 fails to render correctly in IE8 RTM. I am using excanvas library that comes packaged with flot (as per instructions).
The project description states that IE8 is supported but doesn't mention which mode (compat or standards).
Does anyone have experience using flot v0.5 with IE8?
Thanks
I just tried loading the Flot examples in IE 8. It only worked when I enabled the compatibility view button which suggests it is only known to currently work in compatibility mode.
Related
Does anybody know of a comprehensive library to make SVG work with IE (7 and 8 in particular)?
I wanted something Javascript which could be included in my web page and which would silently convert all my SVG to VML in a fashion similar to what excanvas does for Canvas.
The Raphaël—JavaScript Library can help you out there.
Raphaël uses the SVG W3C Recommendation and VML as a base for creating graphics and supports Firefox 3.0+, Safari 3.0+, Opera 9.5+ and Internet Explorer 6.0+.
EDIT:
There are two more js-libraries which use vml to render svgs in IE:
Ample SDK (where it should be possible to easily integrate existing svg files)
DojoX GFX from the Dojo Toolkit
Google's SVG Web does this. According to the project website:
SVG Web is a JavaScript library which
provides SVG support on many browsers,
including Internet Explorer, Firefox,
and Safari. Using the library plus
native SVG support you can instantly
target ~95% of the existing installed
web base.
Whilst it's described as a JavaScript library it also requires Flash 9+. This isn't usually a problem, but if you're in a corporate environment with old Flash or no Flash on the workstations it's not going to work.
Also, it is still in Alpha which could be a problem, depending on what your project is.
I think SVGWeb is the way to go, even if it is based on Flash as VML is far from being fast enough for lots of applications.
Adobe provides scripts to automatically detect, install, and redirect you back to your original site:
http://support.adobe.com/devsup/devsup.nsf/docs/51780.htm
http://www.adobe.com/svg/workflow/autoinstall.html
I have been using this fairly successfully on my site.
A more low tech solution would be to use something like svg_alike (insert conflict of interest notification here :)). It checks for the SVG support, then if it doesn't find it it replaces all SVG images with PNGs.
https://github.com/forwardadvance/svg_alike
You lose the advantages of smooth vector zooming, and retina support, but IE8 users are unlikely to make use of these features anyway.
The advantage is that you don't have to convert your images into JavaScript. I think it provides 80% of the value for 5% of the work.
I have a rgraph in my website, I use the rgraph http://www.rgraph.net/docs/index.html
<script type="text/javascript" src="scripts/RGraph.vprogress.js"></script>
<!--[if IE 8]><script type="text/javascript" src="scripts/excanvas.original.js"></script><![endif]-->
[No canvas support]
[No canvas support]
It works fine in IE 8 but when i turn the Compatibility view on for the IE 8 then I get this error
Line: 30
Error: Object doesn't support this property or method
Note from rgraph website:
Since the charts are produced using HTML5 features (the new canvas tag), client support is currently:
Microsoft Internet Explorer 8+
Is there any method or way to make in work in compatibility view. Or an graph which work work perfectly in all browsers. I want to draw a bar and a pie chart. Thanks
I don't know what line 30 is, but, if it is related to the canvas, then try
this alternative. Include it conditionally on platforms where canvas is not available, IE7 and maybe IE8.
I'm using a javascript library called flot (http://code.google.com/p/flot/) to render graphs and charts and such.
This is my code http://jsfiddle.net/nQvEW/1/
I'm using the absolute latest version of everything (except for IE).
I've tested the fiddle in Safari, FF, Chrome, winFF, winChrome and IE.
As far as I can tell, there isn't a way to debug javascript in iE (no cosnole to show erros). So... I have no what the issue is.
Have you downloaded and included explorer canvas? IE doesn't have a native canvas element which is used by flot to create the pie chart on. Download and include excanvas.js before you include the flot plugins.
I'm interested in finding a browser compatibility table that lists the parts of SVG/VML supported by each version of Opera, Safari, Chrome, Firefox and Internet Explorer (also Konqueror would be nice) in the vein of Quirksmode.
I have found the following two compatibility tables for SVG but neither of them provide enough detail:
http://caniuse.com/#cats=SVG&statuses=rec
http://www.codedread.com/svg-support.php
The information in the first link seems to clash with libraries like Raphael which claim to fully support animations in Firefox 3.0+ and Safari 3.0+ whilst the link suggests that the animation module isn't implemented till later versions for those two browsers.
The second link simply doesn't go far back enough for me to be able to draw conclusions about which features of SVG/VML I can use to ensure compatibility with older browsers.
Needless to say I'm endlessly confused.
To be perfectly clear, I'm interested in finding out which part of SVG are supported in different versions of all the popular browsers. As IE doesn't support SVG I'm interested in finding out which parts of VML the are supported in the different versions of IE.
If the developers of the libraries have found this information it must exists, it just seems to be evading me.
Any help would be much appreciated.
You may find this article helpful:
Creating SVG vector graphics for maximum browser compatibility
http://voormedia.com/blog/2012/10/creating-svg-vector-graphics-for-maximum-browser-compatibility
It shows some good examples of SVG features which aren't even supported by the latest versions of Chrome.
There's also a nice compatibility table at the bottom.
Up until now I had a well functioning interactive graph on a page rendered using flot. After some patches were pushed, it stopped rendering in IE7. After some trial and error I found that neither flot, nor any other js drawing library (that used excanvas or some derivative for IE fallback) would render on IE7 or IE8 on Windows XP with KB2482017. Windows 7, IE8 with the patch is not affected. I have not tested Vista.
After some digging it seems even basic VML is broken on XP with the patch. Microsoft's own VML sample fails to render.
Has anyone else seen this behavior, and if so, know a workaround?
Here is a screenshot of my reputation graph from a machine with XP, IE7, and the patch applied.
Do you have McAfee antivirus, with HIPS 7.0 ? If so that could be the cause.
Check https://kc.mcafee.com/corporate/index?page=content&id=KB70810 for a similar issue.