Bug fix for dygraph point selection touch event.

[dygraphs.git] / tests / unboxed-spark.html
diff --git a/tests/unboxed-spark.html b/tests/unboxed-spark.html

index c113bb1..e6b1424 100644 (file)
--- a/tests/unboxed-spark.html
+++ b/tests/unboxed-spark.html
@@ -1,43 +1,42 @@
  <!DOCTYPE html>
  <html>
    <head>
-    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7; IE=EmulateIE9">
+    <link rel="stylesheet" href="../dist/dygraph.css">
      <title>dygraphs unboxed</title>
-    <!--[if IE]>
-    <script type="text/javascript" src="../excanvas.js"></script>
-    <![endif]-->
-    <!--
-    For production (minified) code, use:
-    <script type="text/javascript" src="dygraph-combined.js"></script>
-    -->
-    <script type="text/javascript" src="../dygraph-dev.js"></script>
+    <script type="text/javascript" src="../dist/dygraph.js"></script>
  
      <script type="text/javascript" src="data.js"></script>
      <style type="text/css">
        #div_spark {
-        display: inline;
+        display: inline-block;
        }
      </style>
    </head>
    <body>
      <p>This shows dygraphs without any boxlike elements (i.e. axes or grids):</p>
-    <div id="div_g" style="width:600px; height:300px;"></div>
+    <div id="div_g" style="width:600px; height:300px; border:1px solid white;"></div>
  
      <script type="text/javascript">
        var show_box = false;
        g = new Dygraph(
              document.getElementById("div_g"),
              data, {
-              drawXAxis: show_box,
-              drawYAxis: show_box,
-              drawXGrid: show_box,
-              drawYGrid: show_box
+              axes : {
+                x : {
+                  drawGrid: show_box,
+                  drawAxis : show_box,
+                },
+                y : {
+                  drawGrid: show_box,
+                  drawAxis : show_box,
+                }
+              }
              }
            );
  
        function toggleBox(btn) {
          show_box = !show_box;
-        document.getElementById("div_g").style.border = show_box ? '1px solid black' : '';
+        document.getElementById("div_g").style.border = show_box ? '1px solid black' : '1px solid white';
          if (show_box) {
            btn.innerHTML = 'Hide box';
          } else {
@@ -54,13 +53,19 @@
      </p>
  
      <script type="text/javascript">
-      new Dygraph(
+      var g2 = new Dygraph(
              document.getElementById("div_spark"),
              data, {
-              drawXAxis: false,
-              drawYAxis: false,
-              drawXGrid: false,
-              drawYGrid: false,
+              axes : {
+                x : {
+                  drawGrid: false,
+                  drawAxis : false,
+                },
+                y : {
+                  drawGrid: false,
+                  drawAxis : false,
+                }
+              },
                strokeWidth: 1.0,
                rollPeriod: 7,
                labelsDiv: '',