The dygraphs library relies heavily on HTML's <canvas> tag, which Microsoft Internet Explorer does not support. Fortunately, some clever engineers created the excanvas library, which implements the <canvas> tag in IE using VML.
The dygraphs library relies heavily on the HTML5 <canvas> 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:
You can add IE support to any page using dygraphs by including the following in your page:
++ <!DOCTYPE html> ++ +
When IE9 is in HTML5 mode, dygraphs works just like in other modern browsers.
+ +If you want to support previous versions of Internet Explorer (IE6–IE8), you'll need to include the excanvas library, which emulates the <canvas> tag using VML. You can add excanvas by including this snippet:
<head> @@ -368,7 +374,7 @@ </head>-
This works quite well in practice. Charts are responsive, even under VML emulation.
+While this sounds like it would be slow, it works well in practice for most charts.
One common gotcha to look out for: make sure you don't have any trailing commas in parameter lists, e.g.