OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <!-- | 2 <!-- |
3 Copyright (c) 2014 The Chromium Authors. All rights reserved. | 3 Copyright (c) 2014 The Chromium Authors. All rights reserved. |
4 Use of this source code is governed by a BSD-style license that can be | 4 Use of this source code is governed by a BSD-style license that can be |
5 found in the LICENSE file. | 5 found in the LICENSE file. |
6 --> | 6 --> |
7 | 7 |
8 <link rel="import" href="/tracing/ui/base/column_chart.html"> | 8 <link rel="import" href="/tracing/ui/base/column_chart.html"> |
9 <link rel="import" href="/tracing/ui/base/deep_utils.html"> | 9 <link rel="import" href="/tracing/ui/base/deep_utils.html"> |
10 | 10 |
(...skipping 97 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
108 test('instantiation_twoSeries', function() { | 108 test('instantiation_twoSeries', function() { |
109 var chart = new tr.ui.b.ColumnChart(); | 109 var chart = new tr.ui.b.ColumnChart(); |
110 this.addHTMLOutput(chart); | 110 this.addHTMLOutput(chart); |
111 chart.data = [ | 111 chart.data = [ |
112 {x: 10, alpha: 100, beta: 50}, | 112 {x: 10, alpha: 100, beta: 50}, |
113 {x: 20, alpha: 110, beta: 75}, | 113 {x: 20, alpha: 110, beta: 75}, |
114 {x: 30, alpha: 100, beta: 125}, | 114 {x: 30, alpha: 100, beta: 125}, |
115 {x: 40, alpha: 50, beta: 125} | 115 {x: 40, alpha: 50, beta: 125} |
116 ]; | 116 ]; |
117 | 117 |
118 var r = new tr.b.Range(); | 118 var r = new tr.b.math.Range(); |
119 r.addValue(20); | 119 r.addValue(20); |
120 r.addValue(40); | 120 r.addValue(40); |
121 chart.brushedRange = r; | 121 chart.brushedRange = r; |
122 }); | 122 }); |
123 | 123 |
124 test('instantiation_twoSeries_yLogScale', function() { | 124 test('instantiation_twoSeries_yLogScale', function() { |
125 var chart = new tr.ui.b.ColumnChart(); | 125 var chart = new tr.ui.b.ColumnChart(); |
126 chart.isYLogScale = true; | 126 chart.isYLogScale = true; |
127 this.addHTMLOutput(chart); | 127 this.addHTMLOutput(chart); |
128 chart.data = [ | 128 chart.data = [ |
129 {x: 10, alpha: 100, beta: 50}, | 129 {x: 10, alpha: 100, beta: 50}, |
130 {x: 20, alpha: 110, beta: 75}, | 130 {x: 20, alpha: 110, beta: 75}, |
131 {x: 30, alpha: 100, beta: 125}, | 131 {x: 30, alpha: 100, beta: 125}, |
132 {x: 40, alpha: 50, beta: 125} | 132 {x: 40, alpha: 50, beta: 125} |
133 ]; | 133 ]; |
134 | 134 |
135 var r = new tr.b.Range(); | 135 var r = new tr.b.math.Range(); |
136 r.addValue(20); | 136 r.addValue(20); |
137 r.addValue(40); | 137 r.addValue(40); |
138 chart.brushedRange = r; | 138 chart.brushedRange = r; |
139 }); | 139 }); |
140 | 140 |
141 test('instantiation_twoSparseSeriesWithFirstValueSparse', function() { | 141 test('instantiation_twoSparseSeriesWithFirstValueSparse', function() { |
142 var chart = new tr.ui.b.ColumnChart(); | 142 var chart = new tr.ui.b.ColumnChart(); |
143 this.addHTMLOutput(chart); | 143 this.addHTMLOutput(chart); |
144 chart.data = [ | 144 chart.data = [ |
145 {x: 10, alpha: 20, beta: undefined}, | 145 {x: 10, alpha: 20, beta: undefined}, |
(...skipping 19 matching lines...) Expand all Loading... |
165 test('brushRangeFromIndices', function() { | 165 test('brushRangeFromIndices', function() { |
166 var chart = new tr.ui.b.ColumnChart(); | 166 var chart = new tr.ui.b.ColumnChart(); |
167 var data = [ | 167 var data = [ |
168 {x: 10, value: 50}, | 168 {x: 10, value: 50}, |
169 {x: 30, value: 60}, | 169 {x: 30, value: 60}, |
170 {x: 70, value: 70}, | 170 {x: 70, value: 70}, |
171 {x: 80, value: 80}, | 171 {x: 80, value: 80}, |
172 {x: 120, value: 90} | 172 {x: 120, value: 90} |
173 ]; | 173 ]; |
174 chart.data = data; | 174 chart.data = data; |
175 var r = new tr.b.Range(); | 175 var r = new tr.b.math.Range(); |
176 | 176 |
177 // Range min should be 10. | 177 // Range min should be 10. |
178 r = chart.computeBrushRangeFromIndices(-2, 1); | 178 r = chart.computeBrushRangeFromIndices(-2, 1); |
179 assert.equal(r.min, 10); | 179 assert.equal(r.min, 10); |
180 | 180 |
181 // Range max should be 120. | 181 // Range max should be 120. |
182 r = chart.computeBrushRangeFromIndices(3, 10); | 182 r = chart.computeBrushRangeFromIndices(3, 10); |
183 assert.equal(r.max, 120); | 183 assert.equal(r.max, 120); |
184 | 184 |
185 // Range should be [10, 120] | 185 // Range should be [10, 120] |
(...skipping 19 matching lines...) Expand all Loading... |
205 {x: 60, value: 20}, | 205 {x: 60, value: 20}, |
206 {x: 70, value: 15}, | 206 {x: 70, value: 15}, |
207 {x: 80, value: 20} | 207 {x: 80, value: 20} |
208 ]; | 208 ]; |
209 | 209 |
210 var mouseDownX = undefined; | 210 var mouseDownX = undefined; |
211 var curMouseX = undefined; | 211 var curMouseX = undefined; |
212 | 212 |
213 function updateBrushedRange() { | 213 function updateBrushedRange() { |
214 if (mouseDownX === undefined || (mouseDownX === curMouseX)) { | 214 if (mouseDownX === undefined || (mouseDownX === curMouseX)) { |
215 chart.brushedRange = new tr.b.Range(); | 215 chart.brushedRange = new tr.b.math.Range(); |
216 return; | 216 return; |
217 } | 217 } |
218 var r = new tr.b.Range(); | 218 var r = new tr.b.math.Range(); |
219 r.min = Math.min(mouseDownX, curMouseX); | 219 r.min = Math.min(mouseDownX, curMouseX); |
220 r.max = Math.max(mouseDownX, curMouseX); | 220 r.max = Math.max(mouseDownX, curMouseX); |
221 chart.brushedRange = r; | 221 chart.brushedRange = r; |
222 } | 222 } |
223 | 223 |
224 chart.addEventListener('item-mousedown', function(e) { | 224 chart.addEventListener('item-mousedown', function(e) { |
225 mouseDownX = e.x; | 225 mouseDownX = e.x; |
226 curMouseX = e.x; | 226 curMouseX = e.x; |
227 updateBrushedRange(); | 227 updateBrushedRange(); |
228 }); | 228 }); |
229 chart.addEventListener('item-mousemove', function(e) { | 229 chart.addEventListener('item-mousemove', function(e) { |
230 if (e.button === undefined) | 230 if (e.button === undefined) |
231 return; | 231 return; |
232 curMouseX = e.x; | 232 curMouseX = e.x; |
233 updateBrushedRange(); | 233 updateBrushedRange(); |
234 }); | 234 }); |
235 chart.addEventListener('item-mouseup', function(e) { | 235 chart.addEventListener('item-mouseup', function(e) { |
236 curMouseX = e.x; | 236 curMouseX = e.x; |
237 updateBrushedRange(); | 237 updateBrushedRange(); |
238 }); | 238 }); |
239 }); | 239 }); |
240 | 240 |
241 test('overrideDataRange', function() { | 241 test('overrideDataRange', function() { |
242 var chart = new tr.ui.b.ColumnChart(); | 242 var chart = new tr.ui.b.ColumnChart(); |
243 chart.overrideDataRange = tr.b.Range.fromExplicitRange(10, 90); | 243 chart.overrideDataRange = tr.b.math.Range.fromExplicitRange(10, 90); |
244 this.addHTMLOutput(chart); | 244 this.addHTMLOutput(chart); |
245 chart.data = [ | 245 chart.data = [ |
246 {x: 0, value: 0}, | 246 {x: 0, value: 0}, |
247 {x: 1, value: 100}, | 247 {x: 1, value: 100}, |
248 ]; | 248 ]; |
249 | 249 |
250 chart = new tr.ui.b.ColumnChart(); | 250 chart = new tr.ui.b.ColumnChart(); |
251 chart.overrideDataRange = tr.b.Range.fromExplicitRange(-10, 100); | 251 chart.overrideDataRange = tr.b.math.Range.fromExplicitRange(-10, 100); |
252 this.addHTMLOutput(chart); | 252 this.addHTMLOutput(chart); |
253 chart.data = [ | 253 chart.data = [ |
254 {x: 0, value: 0}, | 254 {x: 0, value: 0}, |
255 {x: 1, value: 50}, | 255 {x: 1, value: 50}, |
256 ]; | 256 ]; |
257 }); | 257 }); |
258 }); | 258 }); |
259 </script> | 259 </script> |
OLD | NEW |