Bump version to 2.0.1
[dygraphs.git] / tests / gviz-selection.html
index 2f1a278..9a32a5d 100644 (file)
@@ -1,15 +1,13 @@
+<!DOCTYPE html>
 <html>
   <head>
-    <title>gviz</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-canvas.js"></script>
-    <script type="text/javascript" src="../dygraph.js"></script>
+    <link rel="stylesheet" href="../dist/dygraph.css">
+    <title>gviz selection</title>
+    <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']});
+      google.load('visualization', '1');
 
       function createDataTable(dateType) {
         data = new google.visualization.DataTable();
@@ -49,7 +47,7 @@
         data.setCell(9, 2, 8);
         return data;
       }
-      
+
       var chart;
 
       function drawVisualization() {
@@ -59,7 +57,7 @@
         chart.draw(data, {hideOverlayOnMouseOut: false});
 
       }
-      
+
       function setSelection() {
           var sel = [{column: 1, row: 2}, {column: 2, row: 2}];
           chart.setSelection(sel);
       }
       function getChartSelection() {
           var sel = chart.getSelection();
-          
+
           var html = '<p>Selection: [';
-          for (var i=0; i<sel.length; i++) {
-              if (i>0) html += ', ';
-              html += i + '=&gt; {row: '+sel[i].row + ' col: '+ sel[i].column + '}';
+          for (var i = 0; i < sel.length; i++) {
+              if (i > 0) html += ', ';
+              html += i + '=&gt; {row: '+ sel[i].row +
+                                ' col: '+ sel[i].column + '}';
           }
           html += ']</p>';
           document.getElementById('output').innerHTML += html;
@@ -83,8 +82,7 @@
     </script>
   </head>
   <body>
-    <p>same data drawn using dygraphs:</p>
-    date column:
+    <p>Get/Set/Clear selection via gviz API:</p>
     <div id="dygraphs" style="width:600px; height:300px;"></div>
     <input type="button" onclick="setSelection()" value="setSelection()"/>
     <input type="button" onclick="clearSelection()" value="clearSelection()"/>