X-Git-Url: https://adrianiainlam.tk/git/?a=blobdiff_plain;f=tests%2Fgviz.html;h=6a4da1b914d6b7c04ec5c65018d607394a0f276b;hb=94647da23ed251ba0f1da8d155d2552680a4e9cf;hp=885b0d536a2f130bdf0c768184f264aa54e00709;hpb=285a6bda6e2d77336fb2ae2cc904039a35e8e755;p=dygraphs.git

diff --git a/tests/gviz.html b/tests/gviz.html
index 885b0d5..6a4da1b 100644
--- a/tests/gviz.html
+++ b/tests/gviz.html
@@ -1,19 +1,24 @@
+<!DOCTYPE html>
 <html>
   <head>
+    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7; IE=EmulateIE9">
     <title>gviz</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="../dygraph-canvas.js"></script>
-    <script type="text/javascript" src="../dygraph.js"></script>
+    <!--
+    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="http://www.google.com/jsapi"></script>
     <script type="text/javascript">
       google.load('visualization', '1', {packages: ['linechart']});
 
-      function drawVisualization() {
+      function createDataTable(dateType) {
         data = new google.visualization.DataTable();
-        data.addColumn('date', 'Date');
+        data.addColumn(dateType, 'Date');
         data.addColumn('number', 'Column A');
         data.addColumn('number', 'Column B');
         data.addRows(4);
@@ -29,12 +34,24 @@
         data.setCell(3, 0, new Date("2009/07/22"));
         data.setCell(3, 1, 4);
         data.setCell(3, 2, 0);
+        return data;
+      }
 
+      function drawVisualization() {
+        data = createDataTable('date');
         new google.visualization.LineChart(
-            document.getElementById('gviz')).draw(data, null);  
+            document.getElementById('gviz')).draw(data, null);
+
+        var chart1 = new Dygraph.GVizChart(
+            document.getElementById('dygraphs')).draw(data, {
+            });
+
+        data = createDataTable('datetime');
+        var chart2 = new Dygraph.GVizChart(
+            document.getElementById('dygraphs_datetime')).draw(data, {
+            });
+
 
-        new Dygraph.GVizChart(
-            document.getElementById('dygraphs')).draw(data, null);
       }
       google.setOnLoadCallback(drawVisualization);
     </script>
@@ -44,6 +61,9 @@
     <div id="gviz" style="width:600px; height:300px;"></div>
 
     <p>same data drawn using dygraphs:</p>
+    date column:
     <div id="dygraphs" style="width:600px; height:300px;"></div>
+    datetime column:
+    <div id="dygraphs_datetime" style="width:600px; height:300px;"></div>
   </body>
 </html>
