4 <title>interaction model
</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>
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!
</td></tr>
27 <b>Custom interaction model
</b>
29 <input type=
"button" value=
"Restore position" onclick=
"restorePositioning(g3)">
30 <div id=
"div_g3" style=
"width:600px; height:300px;"></div>
32 Zoom in: double-click, scroll wheel
<br/>
33 Zoom out: ctrl-double-click, scroll wheel
<br/>
34 Standard Zoom: shift-click-drag
35 Standard Pan: click-drag
<br/>
36 Restore zoom level: press button
<br/>
40 <div id=
"div_g4" style=
"width:600px; height:300px;"></div>
42 Keep the mouse button pressed, and hover over all points
48 <script type=
"text/javascript">
49 Dygraph.addEvent(document,
"mousewheel", function() { suspendGraphScroll(); });
50 Dygraph.addEvent(document,
"mousedown", function() { clearGraphScroll(); });
51 Dygraph.addEvent(document,
"mousemove", function() { clearGraphScroll(); });
52 var g = new Dygraph(document.getElementById(
"div_g"),
53 NoisyData, { errorBars : true });
54 var g2 = new Dygraph(document.getElementById(
"div_g2"),
55 NoisyData, { errorBars : true, interactionModel : {} });
56 var g3 = new Dygraph(document.getElementById(
"div_g3"),
57 NoisyData, { errorBars : true, interactionModel : {
61 'dblclick' : dblClickV3,
62 'mousewheel' : scrollV3
64 var g4 = new Dygraph(document.getElementById(
"div_g4"),
65 NoisyData, { errorBars : true, drawPoints : true, interactionModel : {
69 'dblclick' : dblClickV4,
71 underlayCallback : captureCanvas