Microsoft Internet Explorer support

Share RGraph:   

Summary
Documentation about the former Microsoft Internet Explorer (MSIE) 7 and 8 support using ExCanvas

Warning:
Microsoft Internet Explorer versions 7 and 8 are no longer supported - you will need to be using version 9 or higher in order to make use of RGraph. The graphs may still render if you include ExCanvas - but this is not guarateed.

Microsoft Internet Explorer 9+

Starting from preview 3, Internet Explorer 9 has support for canvas, including the text and shadow APIs. It also benefits from hardware acceleration, and quick rendering times.


Microsoft Internet Explorer 7/8

Microsoft Internet Explorer 7/8 are supported using ExCanvas. This is an extra Javascript file that is sent to the user if it's required. Nothing is required to be configured on the server.


[No canvas support]

 

Introduction

As of December 2009 RGraph now works partially with Internet Explorer without Google Chrome Frame. Charts are rendered as VML. You are still recommended to use Google Chrome Frame to get the best results. The interactive features are unlikely to work correctly MSIE 8.

Thanks go to everyone involved with the ExCanvas project for providing the ExCanvas library.

 

Getting hold of ExCanvas

Google ExCanvas is distributed with RGraph in the "excanvas" directory. Or you can download it here: http://www.rgraph.net/excanvas/excanvas.js

 

The necessary HTML

The necessary HTML required to use the ExCanvas library is an MSIE conditional comment. So the extra library only gets included for MSIE 8 and capable browsers simply ignore it.

<!--[if lt IE 9]><script src="/javascript/excanvas.js"></script><![endif]-->
All you need to do is add this tag to the <head> part of your HTML page and that's it! Be sure to read the caveats below though.

Important The ExCanvas library should be the LAST library that you include - after the RGraph libraries and after jQuery. Look at the source of the RGraph website pages for examples.

 

Things to remember

 

Google Chrome Frame

Instead of ExCanvas you can also use Google Chrome Frame. This basically turns Internet Explorer into Google Chrome, and fully supports RGraph. Since it involves a plugin installation, this is a better option if you can fully influence the users PC. If you can fully influence the users PC however, a better option might be to simply use one of the browsers with native support.


 

Using a dynamically created canvas

If you're creating your canvas dynamically there is an extra step that you must perform to allow it to be recognised by ExCanvas:

var canvas = document.createElement('CANVAS');
    canvas.id = 'cvs';
    canvas.width = 600;
    canvas.height = 250;
    canvas.style.border = '1px dashed black';
document.body.appendChild(canvas);

G_vmlCanvasManager.initElement(canvas);

 

Adding dynamic features

[No canvas support]

The dynamic features of RGraph (eg tooltips, adjusting) are not supported by IE 7/8 so you will need to use browser checks to determine if they should be added to your chart.


if (!RGraph.ISOLD) {
    // Add dynamic features here
}

Comments

Add a new comment...