4 <link rel=
"stylesheet" href=
"../css/dygraph.css">
5 <title>interaction model
</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=
"data.js"></script>
13 <script type=
"text/javascript" src=
"interaction.js"></script>
18 <b>Default interaction model
</b>
19 <div id=
"div_g" style=
"width:600px; height:300px;"></div>
20 </td><td>Zoom: click-drag
<br/>Pan: shift-click-drag
<br/>Restore zoom level: double-click
<br/>
23 <b>No interaction model
</b>
24 <div id=
"div_g2" style=
"width:600px; height:300px;"></div>
25 </td><td>Click and drag all you like, it won't do anything!
26 <div id=
"g2_console"></div>
29 <b>Custom interaction model
</b>
31 <input type=
"button" value=
"Restore position" onclick=
"restorePositioning(g3)">
32 <div id=
"div_g3" style=
"width:600px; height:300px;"></div>
34 Zoom in: double-click, scroll wheel
<br/>
35 Zoom out: ctrl-double-click, scroll wheel
<br/>
36 Standard Zoom: shift-click-drag
37 Standard Pan: click-drag
<br/>
38 Restore zoom level: press button
<br/>
42 <div id=
"div_g4" style=
"width:600px; height:300px;"></div>
44 Keep the mouse button pressed, and hover over all points
50 <script type=
"text/javascript">
51 document.addEventListener(
"mousewheel", function() {
52 lastClickedGraph = null;
54 document.addEventListener(
"click", function() { lastClickedGraph = null; }, false);
55 var g = new Dygraph(document.getElementById(
"div_g"),
56 NoisyData, { errorBars : true });
57 var s = document.getElementById(
"g2_console");
58 var g2 = new Dygraph(document.getElementById(
"div_g2"),
64 var g3 = new Dygraph(document.getElementById(
"div_g3"),
65 NoisyData, { errorBars : true, interactionModel : {
70 'dblclick' : dblClickV3,
71 'mousewheel' : scrollV3
73 var g4 = new Dygraph(document.getElementById(
"div_g4"),
74 NoisyData, { errorBars : true, drawPoints : true, interactionModel : {
78 'dblclick' : dblClickV4,
80 underlayCallback : captureCanvas