Fixed attribute name typo in legend follow (#792)

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

index 812ff3f..e06fcf9 100644 (file)
--- a/tests/gviz.html
+++ b/tests/gviz.html
@@ -1,18 +1,21 @@
+<!DOCTYPE html>
  <html>
    <head>
-    <title>noise</title>
-    <!--[if IE]>
-    <script type="text/javascript" src="excanvas.js"></script>
-    <![endif]-->
-    <script type="text/javascript" src="../dygraph-combined.js"></script>
-    <script type="text/javascript" src="../dygraph.js"></script>
+    <link rel="stylesheet" href="../css/dygraph.css">
+    <title>gviz</title>
+    <!--
+    For production (minified) code, use:
+    <script type="text/javascript" src="dygraph-combined.js"></script>
+    -->
+    <script type="text/javascript" src="../dist/dygraph.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);
@@ -28,11 +31,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 DateGraph(document.getElementById('dygraphs'), data, null, {});
        }
        google.setOnLoadCallback(drawVisualization);
      </script>
@@ -42,6 +58,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>