add the magic <meta> tag for IE8+9

[dygraphs.git] / docs / index.html
diff --git a/docs/index.html b/docs/index.html

index 95a9b40..b21c5c2 100644 (file)
--- a/docs/index.html
+++ b/docs/index.html
@@ -1,6 +1,7 @@
  <!DOCTYPE html>
  <html>
    <head>
+    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7; IE=EmulateIE9">
      <title>dygraphs JavaScript Visualization Library</title>
      <!--[if IE]>
        <script type="text/javascript" src="excanvas.js"></script>
@@ -122,7 +123,7 @@
        <ul>
          <li>Plots time series without using an external server or Flash</li>
          <li>Works in Internet Explorer (using excanvas)</li>
-        <li>Lightweight (57kb) and responsive</li>
+        <li>Lightweight (69kb) and responsive</li>
          <li>Displays values on mouseover (this makes it easily discoverable)</li>
          <li>Supports error bands around data series</li>
          <li>Interactive zoom</li>
@@ -358,9 +359,15 @@
  
        <h2 id="ie">Internet Explorer Compatibility</h2>
  
-      <p>The dygraphs library relies heavily on HTML's <code>&lt;canvas&gt;</code> tag, which Microsoft Internet Explorer does not support. Fortunately, some clever engineers created the <a href="http://code.google.com/p/explorercanvas/">excanvas</a> library, which implements the <code>&lt;canvas&gt;</code> tag in IE using VML.</p>
+      <p>The dygraphs library relies heavily on the HTML5 <code>&lt;canvas&gt;</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>
  
-      <p>You can add IE support to any page using dygraphs by including the following in your page:</p>
+      <pre>
+      &lt;!DOCTYPE html&gt; 
+      </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&ndash;IE8), you'll need to include the <a href="http://code.google.com/p/explorercanvas/">excanvas</a> library, which emulates the <code>&lt;canvas&gt;</code> tag using VML. You can add excanvas by including this snippet:</p>
  
  <pre>
  &lt;head&gt;
@@ -368,7 +375,7 @@
  &lt;/head&gt;
  </pre>
  
-    <p>This works quite well in practice. Charts are responsive, even under VML emulation.</p>
+    <p>While this 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>