| 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 <link rel="import" href="/tracing/ui/base/line_chart.html"> | 7 <link rel="import" href="/tracing/ui/base/line_chart.html"> |
| 8 <script> | 8 <script> |
| 9 'use strict'; | 9 'use strict'; |
| 10 | 10 |
| (...skipping 12 matching lines...) Expand all Loading... |
| 23 test('instantiation_twoSeries', function() { | 23 test('instantiation_twoSeries', function() { |
| 24 var chart = new tr.ui.b.LineChart(); | 24 var chart = new tr.ui.b.LineChart(); |
| 25 this.addHTMLOutput(chart); | 25 this.addHTMLOutput(chart); |
| 26 chart.data = [ | 26 chart.data = [ |
| 27 {x: 10, alpha: 100, beta: 50}, | 27 {x: 10, alpha: 100, beta: 50}, |
| 28 {x: 20, alpha: 110, beta: 75}, | 28 {x: 20, alpha: 110, beta: 75}, |
| 29 {x: 30, alpha: 100, beta: 125}, | 29 {x: 30, alpha: 100, beta: 125}, |
| 30 {x: 40, alpha: 50, beta: 125} | 30 {x: 40, alpha: 50, beta: 125} |
| 31 ]; | 31 ]; |
| 32 | 32 |
| 33 var r = new tr.b.Range(); | 33 var r = new tr.b.math.Range(); |
| 34 r.addValue(20); | 34 r.addValue(20); |
| 35 r.addValue(40); | 35 r.addValue(40); |
| 36 chart.brushedRange = r; | 36 chart.brushedRange = r; |
| 37 }); | 37 }); |
| 38 | 38 |
| 39 test('instantiation_twoSparseSeriesWithFirstValueSparse', function() { | 39 test('instantiation_twoSparseSeriesWithFirstValueSparse', function() { |
| 40 var chart = new tr.ui.b.LineChart(); | 40 var chart = new tr.ui.b.LineChart(); |
| 41 this.addHTMLOutput(chart); | 41 this.addHTMLOutput(chart); |
| 42 chart.data = [ | 42 chart.data = [ |
| 43 {x: 10, alpha: 20, beta: undefined}, | 43 {x: 10, alpha: 20, beta: undefined}, |
| (...skipping 19 matching lines...) Expand all Loading... |
| 63 test('brushRangeFromIndices', function() { | 63 test('brushRangeFromIndices', function() { |
| 64 var chart = new tr.ui.b.LineChart(); | 64 var chart = new tr.ui.b.LineChart(); |
| 65 this.addHTMLOutput(chart); | 65 this.addHTMLOutput(chart); |
| 66 chart.data = [ | 66 chart.data = [ |
| 67 {x: 10, value: 50}, | 67 {x: 10, value: 50}, |
| 68 {x: 30, value: 60}, | 68 {x: 30, value: 60}, |
| 69 {x: 70, value: 70}, | 69 {x: 70, value: 70}, |
| 70 {x: 80, value: 80}, | 70 {x: 80, value: 80}, |
| 71 {x: 120, value: 90} | 71 {x: 120, value: 90} |
| 72 ]; | 72 ]; |
| 73 var r = new tr.b.Range(); | 73 var r = new tr.b.math.Range(); |
| 74 | 74 |
| 75 // Range min should be 10. | 75 // Range min should be 10. |
| 76 r = chart.computeBrushRangeFromIndices(-2, 1); | 76 r = chart.computeBrushRangeFromIndices(-2, 1); |
| 77 assert.equal(r.min, 10); | 77 assert.equal(r.min, 10); |
| 78 | 78 |
| 79 // Range max should be 120. | 79 // Range max should be 120. |
| 80 r = chart.computeBrushRangeFromIndices(3, 10); | 80 r = chart.computeBrushRangeFromIndices(3, 10); |
| 81 assert.equal(r.max, 120); | 81 assert.equal(r.max, 120); |
| 82 | 82 |
| 83 // Range should be [10, 120] | 83 // Range should be [10, 120] |
| (...skipping 19 matching lines...) Expand all Loading... |
| 103 {x: 60, value: 20}, | 103 {x: 60, value: 20}, |
| 104 {x: 70, value: 15}, | 104 {x: 70, value: 15}, |
| 105 {x: 80, value: 20} | 105 {x: 80, value: 20} |
| 106 ]; | 106 ]; |
| 107 | 107 |
| 108 var mouseDownIndex = undefined; | 108 var mouseDownIndex = undefined; |
| 109 var curMouseIndex = undefined; | 109 var curMouseIndex = undefined; |
| 110 | 110 |
| 111 function updateBrushedRange() { | 111 function updateBrushedRange() { |
| 112 if (mouseDownIndex === undefined) { | 112 if (mouseDownIndex === undefined) { |
| 113 chart.brushedRange = new tr.b.Range(); | 113 chart.brushedRange = new tr.b.math.Range(); |
| 114 return; | 114 return; |
| 115 } | 115 } |
| 116 chart.brushedRange = chart.computeBrushRangeFromIndices( | 116 chart.brushedRange = chart.computeBrushRangeFromIndices( |
| 117 mouseDownIndex, curMouseIndex); | 117 mouseDownIndex, curMouseIndex); |
| 118 } | 118 } |
| 119 | 119 |
| 120 chart.addEventListener('item-mousedown', function(e) { | 120 chart.addEventListener('item-mousedown', function(e) { |
| 121 mouseDownIndex = e.index; | 121 mouseDownIndex = e.index; |
| 122 curMouseIndex = e.index; | 122 curMouseIndex = e.index; |
| 123 updateBrushedRange(); | 123 updateBrushedRange(); |
| 124 }); | 124 }); |
| 125 chart.addEventListener('item-mousemove', function(e) { | 125 chart.addEventListener('item-mousemove', function(e) { |
| 126 if (e.button === undefined) | 126 if (e.button === undefined) |
| 127 return; | 127 return; |
| 128 curMouseIndex = e.index; | 128 curMouseIndex = e.index; |
| 129 updateBrushedRange(); | 129 updateBrushedRange(); |
| 130 }); | 130 }); |
| 131 chart.addEventListener('item-mouseup', function(e) { | 131 chart.addEventListener('item-mouseup', function(e) { |
| 132 curMouseIndex = e.index; | 132 curMouseIndex = e.index; |
| 133 updateBrushedRange(); | 133 updateBrushedRange(); |
| 134 }); | 134 }); |
| 135 }); | 135 }); |
| 136 | 136 |
| 137 test('overrideDataRange', function() { | 137 test('overrideDataRange', function() { |
| 138 var chart = new tr.ui.b.LineChart(); | 138 var chart = new tr.ui.b.LineChart(); |
| 139 this.addHTMLOutput(chart); | 139 this.addHTMLOutput(chart); |
| 140 chart.overrideDataRange = tr.b.Range.fromExplicitRange(10, 90); | 140 chart.overrideDataRange = tr.b.math.Range.fromExplicitRange(10, 90); |
| 141 chart.data = [ | 141 chart.data = [ |
| 142 {x: 0, value: 0}, | 142 {x: 0, value: 0}, |
| 143 {x: 1, value: 100}, | 143 {x: 1, value: 100}, |
| 144 ]; | 144 ]; |
| 145 | 145 |
| 146 chart = new tr.ui.b.LineChart(); | 146 chart = new tr.ui.b.LineChart(); |
| 147 this.addHTMLOutput(chart); | 147 this.addHTMLOutput(chart); |
| 148 chart.overrideDataRange = tr.b.Range.fromExplicitRange(-10, 100); | 148 chart.overrideDataRange = tr.b.math.Range.fromExplicitRange(-10, 100); |
| 149 chart.data = [ | 149 chart.data = [ |
| 150 {x: 0, value: 0}, | 150 {x: 0, value: 0}, |
| 151 {x: 1, value: 50}, | 151 {x: 1, value: 50}, |
| 152 ]; | 152 ]; |
| 153 }); | 153 }); |
| 154 }); | 154 }); |
| 155 </script> | 155 </script> |
| OLD | NEW |