5 title
: "Hover, click and zoom to test the callbacks.",
6 setup
: function(parent
) {
8 "<div id='div_g' style='width:600px; height:300px;'></div>" +
9 "<input type='button' value='Clear list' onclick='clearStatus()' />" +
10 "<input type='checkbox' id='highlight' checked><label for='highlight'> Show 'highlight' events</label>" +
11 "<input type='checkbox' id='unhighlight' checked><label for='unhighlight'>Show 'unhighlight' events</label>" +
12 "<input type='checkbox' id='showLabels' checked onclick='g.updateOptions({showLabelsOnHighlight: this.checked});'>" +
13 "<label for='showLabels'> Show Labels on highlight</label>" +
14 "<div id='status' style='width:100%; height:200px;'></div>";
17 window
.clearStatus
= function() {
18 document
.getElementById('status').innerHTML
='';
20 s
= document
.getElementById("status");
22 pts_info
= function(e
, x
, pts
, row
) {
23 var str
= "(" + x
+ ") ";
24 for (var i
= 0; i
< pts
.length
; i
++) {
27 str
+= p
.name
+ ": " + p
.yval
;
32 var dataXY
= window
.g
.toDataCoords(x
, y
);
33 str
+= ", (" + x
+ ", " + y
+ ")";
34 str
+= " -> (" + dataXY
[0] + ", " + dataXY
[1] + ")";
40 window
.g
= new Dygraph(
41 document
.getElementById("div_g"),
47 highlightCallback
: function(e
, x
, pts
, row
) {
48 if (document
.getElementById('highlight').checked
) {
49 s
.innerHTML
+= "<b>Highlight</b> " + pts_info(e,x,pts,row) + "<br/>";
53 unhighlightCallback
: function(e
) {
54 if (document
.getElementById('unhighlight').checked
) {
55 s
.innerHTML
+= "<b>Unhighlight</b><br/>";
59 clickCallback
: function(e
, x
, pts
) {
60 s
.innerHTML
+= "<b>Click</b> " + pts_info(e,x,pts) + "<br/>";
63 pointClickCallback
: function(e
, p
) {
64 s
.innerHTML
+= "<b>Point Click</b> " + p.name + ": " + p.x + "<br/>";
67 zoomCallback
: function(minX
, maxX
, yRanges
) {
68 s
.innerHTML
+= "<b>Zoom</b> [" + minX + ", " + maxX + ", [" + yRanges + "]]<br/>";
71 drawCallback
: function(g
) {
72 s
.innerHTML
+= "<b>Draw</b> [" + g.xAxisRange() + "]<br/>";