Lines Matching +full:display +full:- +full:width +full:- +full:chars
20 let PAD = 1, // To make up for the extra stroke width
46 ctx.strokeRect(x + PAD, y + PAD, w - 2 * PAD, h - 2 * PAD);
50 let dx0 = x + PAD2 + (w - 2 * PAD2) * 1.0 * i / buckets.length,
51 dx1 = x + PAD2 + (w - 2 * PAD2) * 1.0 * (i + 1) / buckets.length,
52 dy0 = y + h - h * 1.0 * buckets[i] / maxCount, dy1 = y + h;
61 threshEntry[0][1] = hist[0] + (hist[1] - hist[0]) / bucketsLen * i;
63 if (cumDensity0 < 1 - HISTOGRAM_RIGHT_TAIL_WIDTH &&
64 cumDensity1 >= 1 - HISTOGRAM_RIGHT_TAIL_WIDTH) {
65 threshEntry[1][0] = (i - 1) / buckets.length;
67 hist[0] + (hist[1] - hist[0]) / bucketsLen * (i - 1);
70 ctx.fillRect(dx0, dy0, dx1 - dx0, dy1 - dy0);
77 dw = (w - 2 * PAD2) * 1.0 * threshEntry[0][0];
82 dx = x + PAD2 + (w - 2 * PAD2) * 1.0 * threshEntry[1][0];
83 dw = (w - 2 * PAD2) * 1.0 * (1 - threshEntry[1][0]);
99 IpmiVizHistogramImageData[key], xMid - HISTOGRAM_W / 2,
100 yMid - HISTOGRAM_H / 2);
120 ctx.fillText(lb, xMid - HISTOGRAM_W / 2, yMid);
145 this.TitleDispLengthLimit = 32; // display this many chars for title
164 hoveredVisibleLineIndex: -999,
185 this.HighlightedRegion = {t0: -999, t1: -999};
246 let lb = 0, ub = this.Heights[0]-1;
248 ub = lb + this.Heights[i] - 1;
250 return [i, x-lb];
284 this.LowerBoundTime = mid - (mid - this.LowerBoundTime) * (1 - dz);
285 this.UpperBoundTime = mid + (this.UpperBoundTime - mid) * (1 - dz);
292 v.Zoom(dz, mid, iter - 1);
301 this.LowerBoundTimeTarget = mid - (mid - this.LowerBoundTime) * (1 - dz);
302 this.UpperBoundTimeTarget = mid + (this.UpperBoundTime - mid) * (1 - dz);
308 v.BeginZoomAnimation(dz, mid, iter - 1);
314 let deltat = (this.UpperBoundTime - this.LowerBoundTime) * delta_screens;
320 v.BeginPanScreenAnimaton(delta_screens, iter - 1);
332 v.BeginSetBoundaryAnimation(lt, rt, iter - 1);
340 let lt = this.LowerBoundTime + (mid_new - mid);
341 let rt = this.UpperBoundTime + (mid_new - mid);
350 const EPS = 1e-3;
351 if (Math.abs(this.LowerBoundTime - this.LowerBoundTimeTarget) < EPS &&
352 Math.abs(this.UpperBoundTime - this.UpperBoundTimeTarget) < EPS) {
360 this.LowerBoundTime * t + this.LowerBoundTimeTarget * (1 - t);
362 this.UpperBoundTime * t + this.UpperBoundTimeTarget * (1 - t);
369 this.HighlightedRegion.t0 != -999 && this.HighlightedRegion.t1 != -999);
381 this.IpmiVizHistogramImageData[key], xMid - HISTOGRAM_W / 2,
382 yMid - HISTOGRAM_H / 2);
402 ctx.fillText(lb, xMid - HISTOGRAM_W / 2, yMid);
410 let ret = (x - LEFT_MARGIN) / (RIGHT_MARGIN - LEFT_MARGIN) *
411 (this.UpperBoundTime - this.LowerBoundTime) +
419 this.HighlightedRegion.t0 = -999;
420 this.HighlightedRegion.t1 = -999;
444 Math.floor((this.MouseState.y - YBEGIN + TEXT_Y0) / LINE_SPACING);
454 this.MouseState.hoveredVisibleLineIndex = -999;
467 this.MouseState.x <= RIGHT_MARGIN - PAD &&
468 this.MouseState.x >= RIGHT_MARGIN - PAD - LINE_SPACING / 2) {
477 this.MouseState.y >= this.Canvas.height - BOTTOM_HORIZONTAL_SCROLLBAR_HEIGHT &&
492 …_per_px = (this.MouseState.begin_UpperBoundTime - this.MouseState.begin_LowerBoundTime) / (RIGHT_M…
493 const pan_secs = (this.MouseState.x - this.MouseState.begin_drag_x) * sec_per_px;
495 const new_lb = this.MouseState.begin_LowerBoundTime - pan_secs;
496 const new_ub = this.MouseState.begin_UpperBoundTime - pan_secs;
508 const diff_y = this.MouseState.y - this.MouseState.drag_begin_y;
513 new_title_start_idx = tvh - 1;
546 for (let i = line.length - 1; i >= 0; i--) {
596 if (this.MouseState.y >= this.ScrollBarState.y0 - THRESH &&
613 …// Currently, only DBus pane supports column headers, so we can hard-code the DBus re-group functi…
650 if (this.MouseState.y > this.Canvas.height - BOTTOM_HORIZONTAL_SCROLLBAR_HEIGHT &&
657 dz = -0.3;
666 v.ScrollY(-1);
676 this.VisualLineStartIdx = this.TotalVisualHeight() - 1;
704 (intervals_j[i][1] - intervals_j[i][0]) * 1000000;
737 let dw = Math.max(0, dx1 - dx0);
741 ctx.fillRect(dx0, dy0, dw, dy1 - dy0);
753 [dx0 - X_TOLERANCE, dx0 + dw + X_TOLERANCE],
758 if (is_in_viewport) ctx.fillRect(dx0, dy0, dw, dy1 - dy0);
788 const duration = intervals_j[i][1] - intervals_j[i][0];
793 ctx.fillRect(dx0, dy0, dw, dy1 - dy0);
806 if (dx0+dw - last_dx_begin > 1 ||
807 i == intervals_j.length - 1) {
810 /*dx0+dw-last_dx_begin*/
811 last_dx_end - last_dx_begin, // At least 1 pixel wide
812 dy1-dy0);
818 ctx.strokeRect(dx0, dy0, dw, dy1 - dy0);
854 let bucketInterval = (histogramEntry[1] - histogramEntry[0]) /
858 (durationUsec - histogramEntry[0]) / bucketInterval) /
868 } // end for (i=0 to interval_j.length-1)
872 /*dx0+dw-last_dx_begin*/
873 last_dx_end - last_dx_begin, // At least 1 pixel wide
874 dy1-dy0);
895 const x0 = LEFT_MARGIN - LINE_HEIGHT;
897 ctx.fillRect(0, dy-LINE_HEIGHT/2, x0, LINE_HEIGHT);
916 ctx.fillText(title_text, LEFT_MARGIN - LINE_HEIGHT, dy);
922 const x0 = LEFT_MARGIN - LINE_HEIGHT / 2;
924 ctx.fillRect(0, dy-LINE_HEIGHT/2, x0, LINE_HEIGHT);
945 ctx.fillText(title_text, LEFT_MARGIN - LINE_HEIGHT, dy);
959 let duration = ub-lb;
984 let dw = Math.max(1, dx1 - dx0); // At least 1 pixel wide during rendering
987 //ctx.fillRect(dx0, dy0, dw, dy1-dy0);
996 if (i == merged_intervals.length - 1) {
1002 //console.log(dxx0 + ", " + dy0 + ", " + (dx1-dxx0) + ", " + LINE_HEIGHT);
1004 ctx.fillRect(dxx0, dy0, dxx1-dxx0, LINE_HEIGHT);
1027 const extent = this.UpperBoundTime - this.LowerBoundTime;
1044 // Hovered interval for display
1072 const width = this.Canvas.width;
1075 ctx.globalCompositeOperation = 'source-over';
1076 ctx.clearRect(0, 0, width, height);
1089 let dy = YBEGIN + LINE_SPACING * this.MouseState.hoveredVisibleLineIndex -
1099 ctx.fillRect(LEFT_MARGIN, 0, RIGHT_MARGIN-LEFT_MARGIN, TOP_HORIZONTAL_SCROLLBAR_HEIGHT);
1101 …ctx.fillRect(LEFT_MARGIN, height-BOTTOM_HORIZONTAL_SCROLLBAR_HEIGHT, RIGHT_MARGIN-LEFT_MARGIN, BOT…
1114 RIGHT_MARGIN - 3, height);
1124 RIGHT_MARGIN - 3, TEXT_Y0);
1151 ctx.fillText(lines[i], LEFT_MARGIN - 3, 3 + i * LINE_HEIGHT);
1163 ctx.fillText('In dataset /', HISTOGRAM_X, TEXT_Y0 + LINE_SPACING - 2);
1170 ' In selection', HISTOGRAM_X, TEXT_Y0 + LINE_SPACING - 2);
1173 ctx.fillText(' In viewport', HISTOGRAM_X, TEXT_Y0 + LINE_SPACING - 2);
1190 breakWidths[bidx] > this.UpperBoundTime - this.LowerBoundTime) {
1225 let w = ctx.measureText(label2).width;
1242 let numVisibleRequestsPerLine = {}; // DataLineIndex -> Count
1252 let last_data_line_idx = -999;//this.VisualLineIndexToDataLineIndex(this.VisualLineStartIdx);
1257 while (j0 > 0 && this.VisualLineIndexToDataLineIndex(j0)[1] > 0) { j0--; }
1283 …if (should_render_title && data_line_idx != -999 && should_render) { // Only draw line title and h…
1289 desc_width = ctx.measureText(desc).width;
1291 ctx.fillText(desc, LEFT_MARGIN - 3, y);
1321 ctx.fillText(tj_draw, LEFT_MARGIN - 3 - desc_width, y);
1323 } else if (should_render_title && data_line_idx == -999) {
1358 let dy0 = y - LINE_HEIGHT / 2, dy1 = y + LINE_HEIGHT / 2;
1393 ctx.moveTo(LEFT_MARGIN + PAD + H / 2, y - H / 2);
1413 ctx.moveTo(RIGHT_MARGIN - PAD - H / 2, y - H / 2);
1414 ctx.lineTo(RIGHT_MARGIN - PAD, y);
1415 ctx.lineTo(RIGHT_MARGIN - PAD - H / 2, y + H / 2);
1421 RIGHT_MARGIN - 2 * PAD - H / 2, y);
1451 if (!(title_start_idx == 0 && title_end_idx == nbreaks - 1)) {
1475 ctx.fillRect(0, y0, SCROLL_BAR_WIDTH, y1 - y0);
1511 const dx = HISTOGRAM_X - HISTOGRAM_W / 2 + HISTOGRAM_W * bidx;
1530 ctx.fillText('in selection', 3, TEXT_Y0 + LINE_SPACING - 2);
1534 ctx.fillText('in viewport', 3, TEXT_Y0 + LINE_SPACING - 2);
1539 last_data_line_idx = -999;
1567 const tw = ctx.measureText(txt).width;
1607 ctx.fillRect(x0, 0, x1 - x0, height);
1611 let width0 = ctx.measureText(label0).width;
1612 let width1 = ctx.measureText(label1).width;
1613 let dispWidth = x1 - x0;
1631 label1 = 'Duration: ' + (t1 - t0).toFixed(toFixedPrecision) + 's';
1632 ctx.fillText(label1, (x0 + x1) / 2, height - LINE_SPACING * 2);
1661 ctx.lineTo(this.MouseState.x, height - LINE_SPACING * 2);
1666 let dispWidth = this.MouseState.x - LEFT_MARGIN;
1671 let width0 = ctx.measureText(label).width;
1675 ctx.fillText(label, this.MouseState.x, height - LINE_SPACING);
1693 if (this.HighlightedRegion.t0 == -999 || this.HighlightedRegion.t1 == -999) { return ret; }
1757 labels.push('Duration : ' + ((t1 - t0) * 1000).toFixed(3) + 'ms');
1762 w = Math.max(w, ctx.measureText(labels[i]).width);
1766 dy = height - h;
1769 if (RIGHT_MARGIN - dx < w) dx -= (w + 2 * PAD);
1812 let packet_idx = -1;
1819 if (packet_idx != -1) {
1835 w = Math.max(w, ctx.measureText(labels[i]).width);
1839 dy = height - h;
1842 if (RIGHT_MARGIN - dx < w) dx -= (w + 2 * PAD);
1877 labels.push('Creation->Entry : ' + (enter_time - create_time));
1878 labels.push('Entry->Exit : ' + (exit_time - enter_time));
1883 w = Math.max(w, ctx.measureText(labels[i]).width);
1887 dy = height - h;
1890 if (RIGHT_MARGIN - dx < w) dx -= (w + 2 * PAD);