Fix example to only use public API. This required changing updateOptions to better...

[dygraphs.git] / tests / callback.html

diff --git a/tests/callback.html b/tests/callback.html
index 4fda7b7..64e9777 100644 (file)
--- a/tests/callback.html
+++ b/tests/callback.html
@@ -4,7 +4,8 @@
     <!--[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="../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>
@@ -26,9 +27,10 @@
 
     <input type="button" value="Clear list" onclick="javascript:document.getElementById('status').innerHTML=''" />
     <input type="checkbox" id="highlight" checked><label for="highlight"> Show 'highlight' events</label>
+    <input type="checkbox" id="unhighlight" checked><label for="unhighlight">Show 'unhighlight' events</label>
     <input type="checkbox" id="showLabels" checked
     onclick='g.updateOptions({showLabelsOnHighlight: this.checked});'>
-    <label for="highlight"> Show Labels on highlight</label>
+    <label for="showLabels"> Show Labels on highlight</label>
     <div id="status" style="width:100%; height:200px;"></div>
 
     <script type="text/javascript">
@@ -57,7 +59,6 @@
               rollPeriod: 7,
               showRoller: true,
               errorBars: true,
-              showLabelsOnHighlight: true,
 
               highlightCallback: function(e, x, pts) {
                 if (document.getElementById('highlight').checked) {
@@ -65,10 +66,20 @@
                 }
               },
 
+              unhighlightCallback: function(e) {
+                if (document.getElementById('unhighlight').checked) {
+                  s.innerHTML += "<b>Unhighlight</b><br/>";
+                }
+              },
+
               clickCallback: function(e, x, pts) {
                 s.innerHTML += "<b>Click</b> " + pts_info(e,x,pts) + "<br/>";
               },
 
+              pointClickCallback: function(e, p) {
+                s.innerHTML += "<b>Point Click</b> " + p.name + ": " + p.x + "<br/>";
+              },
+
               zoomCallback: function(minX, maxX) {
                 s.innerHTML += "<b>Zoom</b> [" + minX + ", " + maxX + "]<br/>";
               },