Commit | Line | Data |
---|---|---|
9e9ca2eb RK |
1 | function downV3(event, g, context) { |
2 | context.initializeMouseDown(event, g, context); | |
3 | if (event.altKey || event.shiftKey) { | |
4 | Dygraph.startZoom(event, g, context); | |
5 | } else { | |
6 | Dygraph.startPan(event, g, context); | |
7 | } | |
8 | } | |
9 | ||
10 | function moveV3(event, g, context) { | |
11 | if (context.isPanning) { | |
12 | Dygraph.movePan(event, g, context); | |
13 | } else if (context.isZooming) { | |
14 | Dygraph.moveZoom(event, g, context); | |
15 | } | |
16 | } | |
17 | ||
18 | function upV3(event, g, context) { | |
19 | if (context.isPanning) { | |
20 | Dygraph.endPan(event, g, context); | |
21 | } else if (context.isZooming) { | |
22 | Dygraph.endZoom(event, g, context); | |
23 | } | |
24 | } | |
25 | ||
26 | function dblClickV3(event, g, context) { | |
27 | if (event.ctrlKey) { | |
28 | zoom(g, -(1/8)); | |
29 | } else { | |
30 | zoom(g, +.1); | |
31 | } | |
32 | } | |
33 | ||
34 | function scrollV3(event, g, context) { | |
35 | var normal = event.detail ? event.detail * -1 : event.wheelDelta / 40; | |
36 | // For me the normalized value shows 0.075 for one click. If I took | |
37 | // that verbatim, it would be a 7.5%. I think I'm gonna take 1/10 of that. | |
38 | // (double for left and right side) | |
39 | var percentage = normal / 100; | |
40 | ||
41 | zoom(g, percentage); | |
42 | Dygraph.cancelEvent(event); | |
43 | } | |
44 | ||
45 | function zoom(g, percentage) { | |
46 | // Adjusts [x, y] toward each other by percentage% | |
47 | function adjustAxis(axis, percentage) { | |
48 | var delta = axis[1] - axis[0]; | |
49 | var increment = delta * percentage; | |
50 | return [ axis[0] + increment, axis[1] - increment ]; | |
51 | } | |
52 | var yAxes = g.yAxisRanges(); | |
53 | var newYAxes = []; | |
54 | for (var i = 0; i < yAxes.length; i++) { | |
55 | newYAxes[i] = adjustAxis(yAxes[i], percentage); | |
56 | } | |
57 | ||
58 | g.updateOptions({ | |
59 | dateWindow: adjustAxis(g.xAxisRange(), percentage), | |
60 | valueRange: newYAxes[0] | |
61 | }); | |
62 | } | |
63 | ||
64 | var v4Active = false; | |
65 | var v4Canvas = null; | |
66 | ||
67 | function downV4(event, g, context) { | |
68 | context.initializeMouseDown(event, g, context); | |
69 | v4Active = true; | |
70 | moveV4(event, g, context); // in case the mouse went down on a data point. | |
71 | } | |
72 | ||
73 | var processed = []; | |
74 | ||
75 | function moveV4(event, g, context) { | |
76 | var RANGE = 7; | |
77 | ||
78 | if (v4Active) { | |
79 | var canvasx = Dygraph.pageX(event) - Dygraph.findPosX(g.graphDiv); | |
80 | var canvasy = Dygraph.pageY(event) - Dygraph.findPosY(g.graphDiv); | |
81 | ||
82 | var rows = g.numRows(); | |
83 | // Row layout: | |
84 | // [date, [val1, stdev1], [val2, stdev2]] | |
85 | for (var row = 0; row < rows; row++) { | |
86 | var date = g.getValue(row, 0); | |
87 | var x = g.toDomCoords(date, null)[0]; | |
88 | var diff = Math.abs(canvasx - x); | |
89 | if (diff < RANGE) { | |
90 | for (var col = 1; col < 3; col++) { | |
91 | // TODO(konigsberg): these will throw exceptions as data is removed. | |
92 | var vals = g.getValue(row, col); | |
93 | if (vals == null) { continue; } | |
94 | var val = vals[0]; | |
95 | var y = g.toDomCoords(null, val)[1]; | |
96 | var diff2 = Math.abs(canvasy - y); | |
97 | if (diff2 < RANGE) { | |
98 | var found = false; | |
99 | for (var i in processed) { | |
100 | var stored = processed[i]; | |
101 | if(stored[0] == row && stored[1] == col) { | |
102 | found = true; | |
103 | break; | |
104 | } | |
105 | } | |
106 | if (!found) { | |
107 | processed.push([row, col]); | |
108 | drawV4(x, y); | |
109 | } | |
110 | return; | |
111 | } | |
112 | } | |
113 | // drawV4(false, canvasx, canvasy); | |
114 | } | |
115 | } | |
116 | // drawV4(false, canvasx, canvasy); | |
117 | } | |
118 | } | |
119 | ||
120 | function upV4(event, g, context) { | |
121 | if (v4Active) { | |
122 | v4Active = false; | |
123 | } | |
124 | } | |
125 | ||
126 | function dblClickV4(event, g, context) { | |
127 | unzoomGraph(g4); | |
128 | } | |
129 | ||
130 | function drawV4(x, y) { | |
131 | var ctx = v4Canvas; | |
132 | ||
133 | ctx.strokeStyle = "#000000"; | |
134 | ctx.fillStyle = "#FFFF00"; | |
135 | ctx.beginPath(); | |
136 | ctx.arc(x,y,5,0,Math.PI*2,true); | |
137 | ctx.closePath(); | |
138 | ctx.stroke(); | |
139 | ctx.fill(); | |
140 | } | |
141 | ||
142 | function captureCanvas(canvas, area, g) { | |
143 | v4Canvas = canvas; | |
144 | } | |
145 | ||
146 | function unzoomGraph(g) { | |
147 | g.updateOptions({ | |
148 | dateWindow: null, | |
149 | valueRange: null | |
150 | }); | |
151 | } |