Bug fix for dygraph point selection touch event.

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

index a5c7c3a..4270d93 100644 (file)
--- a/tests/customLabelCss3.html
+++ b/tests/customLabelCss3.html
@@ -1,18 +1,21 @@
  <!DOCTYPE html>
  <html>
    <head>
-    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7; IE=EmulateIE9">
+    <link rel="stylesheet" href="../dist/dygraph.css">
      <title>Label styles</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>
+      .dygraph-legend {
+        background-color: rgba(200, 200, 255, 0.75);
+        padding: 4px;
+        border: 1px solid black;
+        border-radius: 10px;
+        box-shadow: 4px 4px 4px #888;
+        width: 100px;
+      }
+    </style>
    </head>
    <body>
      <p>Labels are styled with css3:</p>
@@ -24,16 +27,12 @@
              NoisyData, {
                rollPeriod: 14,
                errorBars: true,
-              labelsDivWidth: 100,
-              labelsDivStyles: {
-                'backgroundColor': 'rgba(200, 200, 255, 0.75)',
-                'padding': '4px',
-                'border': '1px solid black',
-                'borderRadius': '10px',
-                'boxShadow': '4px 4px 4px #888'
-              },
                labelsSeparateLines: true,
-              yAxisLabelWidth: 20
+              axes: {
+                y: {
+                  axisLabelWidth: 20
+                }
+              }
              }
            );
      </script>