4 <title>crosshairs
</title>
6 <script type=
"text/javascript" src=
"../excanvas.js"></script>
8 <script type=
"text/javascript" src=
"../strftime/strftime-min.js"></script>
9 <script type=
"text/javascript" src=
"../rgbcolor/rgbcolor.js"></script>
10 <script type=
"text/javascript" src=
"../dygraph-canvas.js"></script>
11 <script type=
"text/javascript" src=
"../dygraph.js"></script>
12 <script type=
"text/javascript" src=
"data.js"></script>
15 <p>Hover, click and zoom to test the callbacks:
</p>
16 <div id=
"div_g" style=
"width:600px; height:300px; position:relative;">
19 <script type=
"text/javascript">
23 document.getElementById(
"div_g"),
29 highlightCallback: function(e, x, pts) {
30 for (var i =
0; i < pts.length; i++) {
31 var y = pts[i].canvasy;
32 lines[i].style.display =
"";
33 lines[i].style.top = y +
"px";
34 if (i ==
0) xline.style.left = pts[i].canvasx +
"px";
36 xline.style.display =
"";
39 unhighlightCallback: function(e) {
40 for (var i =
0; i <
2; i++) {
41 lines[i].style.display =
"none";
43 xline.style.display =
"none";
48 for (var i =
0; i <
2; i++) {
49 var line = document.createElement(
"div");
50 line.style.display =
"none";
51 line.style.width =
"100%";
52 line.style.height =
"1px";
53 line.style.backgroundColor =
"black";
54 line.style.position =
"absolute";
55 document.getElementById(
"div_g").appendChild(line);
59 xline = document.createElement(
"div");
60 xline.style.display =
"none";
61 xline.style.width =
"1px";
62 xline.style.height =
"100%";
63 xline.style.top =
"0px";
64 xline.style.backgroundColor =
"black";
65 xline.style.position =
"absolute";
66 document.getElementById(
"div_g").appendChild(xline);