4 <link rel=
"stylesheet" href=
"../css/dygraph.css">
5 <title>crosshairs
</title>
7 For production (minified) code, use:
8 <script type=
"text/javascript" src=
"dygraph-combined.js"></script>
10 <script type=
"text/javascript" src=
"../dist/dygraph.js"></script>
12 <script type=
"text/javascript" src=
"../src/extras/crosshair.js"></script>
13 <script type=
"text/javascript" src=
"data.js"></script>
16 <p>Vertical crosshair:
</p>
17 <div id=
"div_g_v" style=
"width:600px; height:300px; position:relative;">
20 <p>Horizontal crosshairs:
</p>
21 <div id=
"div_g_h" style=
"width:600px; height:300px; position:relative;">
24 <p>Both crosshairs:
</p>
25 <div id=
"div_g_b" style=
"width:600px; height:300px; position:relative;">
28 <script type=
"text/javascript">
30 document.getElementById(
"div_g_v"),
38 new Dygraph.Plugins.Crosshair({
45 document.getElementById(
"div_g_h"),
52 new Dygraph.Plugins.Crosshair({
53 direction:
"horizontal"
59 document.getElementById(
"div_g_b"),
66 new Dygraph.Plugins.Crosshair({