| 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 |