4 <link rel=
"stylesheet" href=
"../dist/dygraph.css">
5 <title>crosshairs
</title>
6 <script type=
"text/javascript" src=
"../dist/dygraph.js"></script>
8 <script type=
"text/javascript" src=
"../src/extras/crosshair.js"></script>
9 <script type=
"text/javascript" src=
"data.js"></script>
12 <p>Vertical crosshair:
</p>
13 <div id=
"div_g_v" style=
"width:600px; height:300px; position:relative;">
16 <p>Horizontal crosshairs:
</p>
17 <div id=
"div_g_h" style=
"width:600px; height:300px; position:relative;">
20 <p>Both crosshairs:
</p>
21 <div id=
"div_g_b" style=
"width:600px; height:300px; position:relative;">
24 <script type=
"text/javascript">
26 document.getElementById(
"div_g_v"),
34 new Dygraph.Plugins.Crosshair({
41 document.getElementById(
"div_g_h"),
48 new Dygraph.Plugins.Crosshair({
49 direction:
"horizontal"
55 document.getElementById(
"div_g_b"),
62 new Dygraph.Plugins.Crosshair({