<p>The dygraphs library relies heavily on the HTML5 <code><canvas></code> tag, which Microsoft Internet Explorer did not traditionally support. To use Microsoft's native canvas implementation in IE9, you need to set an HTML5 doctype on your page:</p>
- <pre>
- <!DOCTYPE html>
- </pre>
+<pre>
+<!DOCTYPE html>
+</pre>
<p>When IE9 is in HTML5 mode, dygraphs works just like in other modern browsers.</p>
- <p>If you want to support previous versions of Internet Explorer (IE6–IE8), you'll need to include the <a href="http://code.google.com/p/explorercanvas/">excanvas</a> library, which emulates the <code><canvas></code> tag using VML. You can add excanvas by including this snippet:</p>
+ <p>If you want to support previous versions of Internet Explorer (IE6–IE8), you'll need to include the <a href="http://code.google.com/p/explorercanvas/">excanvas</a> library, which emulates the <code><canvas></code> tag using VML. You can add excanvas by including the following snippet:</p>
<pre>
-<head>
- <!--[if IE]><script src="excanvas.js"></script><![endif]-->
-</head>
+<!DOCTYPE html>
+<html>
+ <head>
+ <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7; IE=EmulateIE9">
+ <!--[if IE]><script src="path/to/excanvas.js"></script><![endif]-->
+ </head>
</pre>
- <p>While this sounds like it would be slow, it works well in practice for most charts.</p>
+<p>(This is surprisingly tricky because the HTML5 doctype breaks excanvas in IE8. See <a href="https://groups.google.com/group/dygraphs-users/browse_thread/thread/c60709e04bc7fe5f#">this discussion</a> for details.)</p>
+
+ <p>While VML emulation sounds like it would be slow, it works well in practice for most charts.</p>
<p>One common gotcha to look out for: make sure you don't have any trailing commas in parameter lists, e.g.</p>