add the magic <meta> tag for IE8+9

[dygraphs.git] / tests / independent-series.html
diff --git a/tests/independent-series.html b/tests/independent-series.html

index e3ae8a4..e58c734 100644 (file)
--- a/tests/independent-series.html
+++ b/tests/independent-series.html
@@ -1,5 +1,7 @@
+<!DOCTYPE html>
  <html>
    <head>
+    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7; IE=EmulateIE9">
      <title>Independent Series</title>
      <!--[if IE]>
      <script type="text/javascript" src="../excanvas.js"></script>
@@ -27,6 +29,7 @@
      </style>
    </head>
    <body>
+    <h3>Independent Series</h3>
      <p>By using the connectSeparated attribute, it's possible to display a chart of several time series with completely independent x-values.</p>
  
      <p>The trick is to specify values for the series at the union of the x-values of all series. For one series' x values, specify <code>null</code> for each of the other series.</p>
@@ -126,7 +129,7 @@
      <p>The gap would normally be encoded as a null, or missing value. But when you use <code>connectSeparatedPoints</code>, that has a special meaning. Instead, you have to use <code>NaN</code>. This is a bit of a hack, but it gets the job done.</p> 
  
      <script type="text/javascript">
-    new Dygraph(
+    g2 = new Dygraph(
        document.getElementById("graph2"),
  "x,A,B  \n" +
  "1,,3   \n" +