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.
Related
I have used this tutorial: Save Google charts as a image which converts Google Graphs into an image and then saves it for me.
It's working perfectly and it achieves this by creating a canvas element and then drawing the graph onto it.
However and typical with IE its doesnt work with any browser lower than 9. Which is a huge problem as most of our clients are still in the dark ages. sadly.
Can anyone recommend a good solution to this or has any of you got any experience to share on this matter?
You can use ExCanvas
Modern browsers like Firefox, Safari, Chrome and Opera support the HTML5 canvas tag to allow 2D command-based drawing. ExplorerCanvas brings the same functionality to Internet Explorer. To use, web developers only need to include a single script tag in their existing web pages.
Reference
#wizkid's answer is a good suggestion in it self - however, the only problem is that exCanvas do not support toDataURL() and won't due to the nature of it using VML. This means you won't be able to use it to save out images.
Update
You can use flash to solve this problem. There are two solutions available:
http://code.google.com/p/fxcanvas/
http://flashcanvas.net/
Both of these should be able to save out bitmap images from the "canvas" as png and jpeg (ref: fxcanvas, flashcanvas). This would of course require the client to have Flash player installed.
The third option is to use a server as a proxy (or as processor) for Google charts.
I have a Rails webapp currently deployed at http://orbit-analytics.herokuapp.com/user/2990 which utilizes D3.JS and JavaScript to generate an SVG graph of the specific user's uploads with relation to time. The graph renders correctly in Chrome, Safari, and Firefox but highlighting the tick labels or scrolling can cause parts of the graph to disappear in Safari (but not Chrome or Firefox). This isn't a problem on another page with a similar graph, available at http://orbit-analytics.herokuapp.com/video/10.
Is this a Safari issue or some problem with my code? Thanks.
Your problem is fixed when you remove the stroke property from line in your CSS. As you mentioned, you can directly apply this style with the style function.
As far as adding minor lines goes, look into using axis.tickSubdivide([n]). If not you will probably find your answer in the Axis component.
I'm looking for a javascript library that can create charts similar to the Facebook ads reach chart:
http://easycaptures.com/fs/uploaded/421/4163691067.jpg
jQuery or highcharts would be preferable.
Thanks!
I love Raphael.js ... It's cross browser compatible and works in ie7 and up (it might work in older browsers too, I just haven't tested)
raphael.js pie chart example
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.
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.