| 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/base/assert_utils.html"> | 8 <link rel="import" href="/tracing/base/assert_utils.html"> |
| 9 <link rel="import" href="/tracing/ui/base/bar_chart.html"> | 9 <link rel="import" href="/tracing/ui/base/bar_chart.html"> |
| 10 <link rel="import" href="/tracing/ui/base/deep_utils.html"> | 10 <link rel="import" href="/tracing/ui/base/deep_utils.html"> |
| (...skipping 42 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 53 | 53 |
| 54 test('instantiation_twoSeries', function() { | 54 test('instantiation_twoSeries', function() { |
| 55 var chart = new tr.ui.b.BarChart(); | 55 var chart = new tr.ui.b.BarChart(); |
| 56 this.addHTMLOutput(chart); | 56 this.addHTMLOutput(chart); |
| 57 chart.data = [ | 57 chart.data = [ |
| 58 {x: 10, alpha: 100, beta: 50}, | 58 {x: 10, alpha: 100, beta: 50}, |
| 59 {x: 20, alpha: 110, beta: 75}, | 59 {x: 20, alpha: 110, beta: 75}, |
| 60 {x: 30, alpha: 100, beta: 125}, | 60 {x: 30, alpha: 100, beta: 125}, |
| 61 {x: 40, alpha: 50, beta: 125} | 61 {x: 40, alpha: 50, beta: 125} |
| 62 ]; | 62 ]; |
| 63 chart.brushedRange = tr.b.Range.fromExplicitRange(20, 40); | 63 chart.brushedRange = tr.b.math.Range.fromExplicitRange(20, 40); |
| 64 }); | 64 }); |
| 65 | 65 |
| 66 test('instantiation_twoSparseSeriesWithFirstValueSparse', function() { | 66 test('instantiation_twoSparseSeriesWithFirstValueSparse', function() { |
| 67 var chart = new tr.ui.b.BarChart(); | 67 var chart = new tr.ui.b.BarChart(); |
| 68 this.addHTMLOutput(chart); | 68 this.addHTMLOutput(chart); |
| 69 chart.data = [ | 69 chart.data = [ |
| 70 {x: 10, alpha: 20, beta: undefined}, | 70 {x: 10, alpha: 20, beta: undefined}, |
| 71 {x: 20, alpha: undefined, beta: 10}, | 71 {x: 20, alpha: undefined, beta: 10}, |
| 72 {x: 30, alpha: 10, beta: undefined}, | 72 {x: 30, alpha: 10, beta: undefined}, |
| 73 {x: 45, alpha: undefined, beta: 20}, | 73 {x: 45, alpha: undefined, beta: 20}, |
| (...skipping 25 matching lines...) Expand all Loading... |
| 99 {x: 60, value: 20}, | 99 {x: 60, value: 20}, |
| 100 {x: 70, value: 15}, | 100 {x: 70, value: 15}, |
| 101 {x: 80, value: 20} | 101 {x: 80, value: 20} |
| 102 ]; | 102 ]; |
| 103 | 103 |
| 104 var mouseDownX = undefined; | 104 var mouseDownX = undefined; |
| 105 var curMouseX = undefined; | 105 var curMouseX = undefined; |
| 106 | 106 |
| 107 function updateBrushedRange() { | 107 function updateBrushedRange() { |
| 108 if (mouseDownX === undefined || (mouseDownX === curMouseX)) { | 108 if (mouseDownX === undefined || (mouseDownX === curMouseX)) { |
| 109 chart.brushedRange = new tr.b.Range(); | 109 chart.brushedRange = new tr.b.math.Range(); |
| 110 return; | 110 return; |
| 111 } | 111 } |
| 112 var r = new tr.b.Range(); | 112 var r = new tr.b.math.Range(); |
| 113 r.min = Math.min(mouseDownX, curMouseX); | 113 r.min = Math.min(mouseDownX, curMouseX); |
| 114 r.max = Math.max(mouseDownX, curMouseX); | 114 r.max = Math.max(mouseDownX, curMouseX); |
| 115 chart.brushedRange = r; | 115 chart.brushedRange = r; |
| 116 } | 116 } |
| 117 | 117 |
| 118 chart.addEventListener('item-mousedown', function(e) { | 118 chart.addEventListener('item-mousedown', function(e) { |
| 119 mouseDownX = e.x; | 119 mouseDownX = e.x; |
| 120 curMouseX = e.x; | 120 curMouseX = e.x; |
| 121 updateBrushedRange(); | 121 updateBrushedRange(); |
| 122 }); | 122 }); |
| 123 chart.addEventListener('item-mousemove', function(e) { | 123 chart.addEventListener('item-mousemove', function(e) { |
| 124 if (e.button === undefined) | 124 if (e.button === undefined) |
| 125 return; | 125 return; |
| 126 curMouseX = e.x; | 126 curMouseX = e.x; |
| 127 updateBrushedRange(); | 127 updateBrushedRange(); |
| 128 }); | 128 }); |
| 129 chart.addEventListener('item-mouseup', function(e) { | 129 chart.addEventListener('item-mouseup', function(e) { |
| 130 curMouseX = e.x; | 130 curMouseX = e.x; |
| 131 updateBrushedRange(); | 131 updateBrushedRange(); |
| 132 }); | 132 }); |
| 133 }); | 133 }); |
| 134 | 134 |
| 135 test('instantiation_overrideDataRange', function() { | 135 test('instantiation_overrideDataRange', function() { |
| 136 var chart = new tr.ui.b.BarChart(); | 136 var chart = new tr.ui.b.BarChart(); |
| 137 chart.overrideDataRange = tr.b.Range.fromExplicitRange(10, 90); | 137 chart.overrideDataRange = tr.b.math.Range.fromExplicitRange(10, 90); |
| 138 this.addHTMLOutput(chart); | 138 this.addHTMLOutput(chart); |
| 139 chart.data = [ | 139 chart.data = [ |
| 140 {x: 0, value: -20}, | 140 {x: 0, value: -20}, |
| 141 {x: 1, value: 100}, | 141 {x: 1, value: 100}, |
| 142 {x: 2, value: -40}, | 142 {x: 2, value: -40}, |
| 143 {x: 3, value: 100}, | 143 {x: 3, value: 100}, |
| 144 ]; | 144 ]; |
| 145 | 145 |
| 146 chart = new tr.ui.b.BarChart(); | 146 chart = new tr.ui.b.BarChart(); |
| 147 chart.overrideDataRange = tr.b.Range.fromExplicitRange(-10, 100); | 147 chart.overrideDataRange = tr.b.math.Range.fromExplicitRange(-10, 100); |
| 148 this.addHTMLOutput(chart); | 148 this.addHTMLOutput(chart); |
| 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 |