click to add annotations

[dygraphs.git] / tests / annotation.html

diff --git a/tests/annotation.html b/tests/annotation.html
index b87c291..60062bc 100644 (file)
--- a/tests/annotation.html
+++ b/tests/annotation.html
@@ -100,6 +100,7 @@
       }
 
       var saveBg = '';
+      var num = 0;
       g.updateOptions( {
         annotationClickHandler: function(ann, point, dg, event) {
           eventDiv.innerHTML += "click: " + nameAnnotation(ann) + "<br/>";
@@ -115,6 +116,24 @@
         annotationMouseOutHandler: function(ann, point, dg, event) {
           document.getElementById(nameAnnotation(ann)).style.fontWeight = 'normal';
           ann.div.style.backgroundColor = saveBg;
+        },
+
+        pointClickCallback: function(event, p) {
+          // Check if the point is already annotated.
+          if (p.annotation) return;
+
+          // If not, add one.
+          var ann = {
+            series: p.name,
+            xval: p.xval,
+            shortText: num,
+            text: "Annotation #" + num
+          };
+          var anns = g.annotations();
+          anns.push(ann);
+          g.setAnnotations(anns);
+
+          num++;
         }
       });
     </script>