Merge branch 'master' of https://github.com/kberg/dygraphs
[dygraphs.git] / tests / customLabel.html
index c6a1c92..09cabaf 100644 (file)
@@ -1,34 +1,34 @@
+<!DOCTYPE html>
 <html>
   <head>
+    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7; IE=EmulateIE9">
     <title>Label styles</title>
     <!--[if IE]>
-    <script type="text/javascript" src="excanvas.js"></script>
+    <script type="text/javascript" src="../excanvas.js"></script>
     <![endif]-->
-    <script type="text/javascript" src="../dygraph-combined.js"></script>
+    <script type="text/javascript" src="../strftime/strftime-min.js"></script>
+    <script type="text/javascript" src="../rgbcolor/rgbcolor.js"></script>
+    <script type="text/javascript" src="../dygraph-canvas.js"></script>
     <script type="text/javascript" src="../dygraph.js"></script>
     <script type="text/javascript" src="data.js"></script>
   </head>
   <body>
     <p>Labels are transparent and repositioned:</p>
-    <div id="g14" style="width:600px; height:300px;"></div>
+    <div id="div_g14" style="width:600px; height:300px;"></div>
 
     <script type="text/javascript">
-      g14 = new DateGraph(
-            document.getElementById("g14"),
-            NoisyData, null, {
+      g14 = new Dygraph(
+            document.getElementById("div_g14"),
+            NoisyData, {
               rollPeriod: 14,
               errorBars: true,
-              labelsDivWidth: 160,
+              labelsDivWidth: 100,
               labelsDivStyles: {
                 'background-color': 'transparent',
-                'top': '10px'
+                'top': '210px'
               },
-              padding: {
-                left: 40,
-                top: 0,
-                right: 10,
-                bottom: 10
-              }
+              labelsSeparateLines: true,
+              yAxisLabelWidth: 20
             }
           );
     </script>