Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(182)

Side by Side Diff: runtime/bin/vmstats/bargraph.dart

Issue 13726010: Rename context2d to context2D. (Closed) Base URL: https://dart.googlecode.com/svn/branches/bleeding_edge/dart
Patch Set: Created 7 years, 8 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch | Annotate | Revision Log
« no previous file with comments | « no previous file | samples/solar/web/solar.dart » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 // Copyright (c) 2013, the Dart project authors. Please see the AUTHORS file 1 // Copyright (c) 2013, the Dart project authors. Please see the AUTHORS file
2 // for details. All rights reserved. Use of this source code is governed by a 2 // for details. All rights reserved. Use of this source code is governed by a
3 // BSD-style license that can be found in the LICENSE file. 3 // BSD-style license that can be found in the LICENSE file.
4 4
5 part of dart.vmstats; 5 part of dart.vmstats;
6 6
7 class BarGraph { 7 class BarGraph {
8 CanvasElement _canvas; 8 CanvasElement _canvas;
9 GraphModel _model; 9 GraphModel _model;
10 List<Element> _elements; 10 List<Element> _elements;
(...skipping 20 matching lines...) Expand all
31 31
32 void addSample(List<int> segments) { 32 void addSample(List<int> segments) {
33 if (segments.length != _elements.length) { 33 if (segments.length != _elements.length) {
34 throw new RuntimeError('invalid sample size for graph'); 34 throw new RuntimeError('invalid sample size for graph');
35 } 35 }
36 _model.addSample(segments); 36 _model.addSample(segments);
37 } 37 }
38 38
39 void drawBarGraph() { 39 void drawBarGraph() {
40 // Draw chart's outer box. 40 // Draw chart's outer box.
41 var context = _canvas.context2d; 41 var context = _canvas.context2D;
42 context.beginPath(); 42 context.beginPath();
43 context.strokeStyle = 'black'; 43 context.strokeStyle = 'black';
44 // The '2's are the width of the line, even though 1 is specified. 44 // The '2's are the width of the line, even though 1 is specified.
45 context.strokeRect( 45 context.strokeRect(
46 LEFT_MARGIN - 2, 1, _canvas.width - LEFT_MARGIN - RIGHT_MARGIN + 2, 46 LEFT_MARGIN - 2, 1, _canvas.width - LEFT_MARGIN - RIGHT_MARGIN + 2,
47 _canvas.height - 2, 1); 47 _canvas.height - 2, 1);
48 48
49 // Draw legend. 49 // Draw legend.
50 var x = _canvas.width - LEGEND_WIDTH; 50 var x = _canvas.width - LEGEND_WIDTH;
51 var y = LEGEND_Y; 51 var y = LEGEND_Y;
(...skipping 17 matching lines...) Expand all
69 scaleHeight = graphHeight * 1.2; 69 scaleHeight = graphHeight * 1.2;
70 scaleHeight = ((scaleHeight / 100).ceil() * 100); 70 scaleHeight = ((scaleHeight / 100).ceil() * 100);
71 } 71 }
72 var scale = height / scaleHeight; 72 var scale = height / scaleHeight;
73 drawValues(scaleHeight, scale); 73 drawValues(scaleHeight, scale);
74 drawChart(scaleHeight, scale); 74 drawChart(scaleHeight, scale);
75 } 75 }
76 76
77 void drawChart(int maxHeight, double scale) { 77 void drawChart(int maxHeight, double scale) {
78 var dividerHeight = maxHeight ~/ NUM_DIVIDERS; 78 var dividerHeight = maxHeight ~/ NUM_DIVIDERS;
79 var context = _canvas.context2d; 79 var context = _canvas.context2D;
80 context.beginPath(); 80 context.beginPath();
81 var height = maxHeight.toInt(); 81 var height = maxHeight.toInt();
82 var scaledY = dividerHeight * scale; 82 var scaledY = dividerHeight * scale;
83 83
84 // Draw the vertical axis values and lines. 84 // Draw the vertical axis values and lines.
85 context.clearRect(0, 0, LEFT_MARGIN - INSIDE_MARGIN, maxHeight); 85 context.clearRect(0, 0, LEFT_MARGIN - INSIDE_MARGIN, maxHeight);
86 for (var i = 1; i < NUM_DIVIDERS; i++) { 86 for (var i = 1; i < NUM_DIVIDERS; i++) {
87 height -= (dividerHeight ~/ 100) * 100; 87 height -= (dividerHeight ~/ 100) * 100;
88 context.font = FONT; 88 context.font = FONT;
89 context.fillStyle = 'black'; 89 context.fillStyle = 'black';
90 context.textAlign = 'right'; 90 context.textAlign = 'right';
91 context.textBaseline = 'middle'; 91 context.textBaseline = 'middle';
92 context.fillText(height.toString(), LEFT_MARGIN - 10, scaledY); 92 context.fillText(height.toString(), LEFT_MARGIN - 10, scaledY);
93 context.moveTo(LEFT_MARGIN - INSIDE_MARGIN, scaledY); 93 context.moveTo(LEFT_MARGIN - INSIDE_MARGIN, scaledY);
94 context.strokeStyle = 'grey'; 94 context.strokeStyle = 'grey';
95 context.lineWidth = 0.5; 95 context.lineWidth = 0.5;
96 context.lineTo(_canvas.width - RIGHT_MARGIN, scaledY); 96 context.lineTo(_canvas.width - RIGHT_MARGIN, scaledY);
97 context.stroke(); 97 context.stroke();
98 scaledY += dividerHeight * scale; 98 scaledY += dividerHeight * scale;
99 } 99 }
100 } 100 }
101 101
102 void drawValues(int maxHeight, num scale) { 102 void drawValues(int maxHeight, num scale) {
103 Iterator<Sample> iterator = _model.iterator; 103 Iterator<Sample> iterator = _model.iterator;
104 var x = LEFT_MARGIN + INSIDE_MARGIN; 104 var x = LEFT_MARGIN + INSIDE_MARGIN;
105 var y = INSIDE_MARGIN; 105 var y = INSIDE_MARGIN;
106 var w = _canvas.width - LEFT_MARGIN - RIGHT_MARGIN - INSIDE_MARGIN; 106 var w = _canvas.width - LEFT_MARGIN - RIGHT_MARGIN - INSIDE_MARGIN;
107 var h = (maxHeight * scale).ceil() - (2 * INSIDE_MARGIN); 107 var h = (maxHeight * scale).ceil() - (2 * INSIDE_MARGIN);
108 _canvas.context2d.clearRect(x, y, w, h); 108 _canvas.context2D.clearRect(x, y, w, h);
109 109
110 while (iterator.moveNext()) { 110 while (iterator.moveNext()) {
111 Sample s = iterator.current; 111 Sample s = iterator.current;
112 var y = INSIDE_MARGIN; 112 var y = INSIDE_MARGIN;
113 if (s != null) { 113 if (s != null) {
114 var blankHeight = scaleHeight - s.total(); 114 var blankHeight = scaleHeight - s.total();
115 drawVerticalSegment(x, y, SAMPLE_WIDTH, blankHeight, 'white', scale); 115 drawVerticalSegment(x, y, SAMPLE_WIDTH, blankHeight, 'white', scale);
116 y += blankHeight; 116 y += blankHeight;
117 for (int i = s.length - 1; i >= 0; i--) { 117 for (int i = s.length - 1; i >= 0; i--) {
118 var h = s[i]; 118 var h = s[i];
119 drawVerticalSegment(x, y, SAMPLE_WIDTH, h, _elements[i].color, scale); 119 drawVerticalSegment(x, y, SAMPLE_WIDTH, h, _elements[i].color, scale);
120 y += s[i]; 120 y += s[i];
121 } 121 }
122 } else { 122 } else {
123 drawVerticalSegment(x, INSIDE_MARGIN, SAMPLE_WIDTH, 123 drawVerticalSegment(x, INSIDE_MARGIN, SAMPLE_WIDTH,
124 maxHeight, 'white', scale); 124 maxHeight, 'white', scale);
125 } 125 }
126 x += SAMPLE_WIDTH ; 126 x += SAMPLE_WIDTH ;
127 } 127 }
128 } 128 }
129 129
130 void drawVerticalSegment(int x, int y, int w, int h, String color, 130 void drawVerticalSegment(int x, int y, int w, int h, String color,
131 num scale) { 131 num scale) {
132 var context = _canvas.context2d; 132 var context = _canvas.context2D;
133 y = (y * scale).floor(); 133 y = (y * scale).floor();
134 h = (h * scale).ceil(); 134 h = (h * scale).ceil();
135 context.beginPath(); 135 context.beginPath();
136 context.lineWidth = w; 136 context.lineWidth = w;
137 context.fillStyle = color; 137 context.fillStyle = color;
138 context.strokeStyle = color; 138 context.strokeStyle = color;
139 if (x < INSIDE_MARGIN) { 139 if (x < INSIDE_MARGIN) {
140 x = INSIDE_MARGIN; 140 x = INSIDE_MARGIN;
141 } 141 }
142 if (y < INSIDE_MARGIN) { 142 if (y < INSIDE_MARGIN) {
(...skipping 73 matching lines...) Expand 10 before | Expand all | Expand 10 after
216 216
217 int get length => _segments.length; 217 int get length => _segments.length;
218 int operator[](int i) => _segments[i]; 218 int operator[](int i) => _segments[i];
219 219
220 Iterator<int> get iterator => _segments.iterator; 220 Iterator<int> get iterator => _segments.iterator;
221 221
222 int total() { 222 int total() {
223 return _segments.fold(0, (int prev, int element) => prev + element); 223 return _segments.fold(0, (int prev, int element) => prev + element);
224 } 224 }
225 } 225 }
OLDNEW
« no previous file with comments | « no previous file | samples/solar/web/solar.dart » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698