diff options
author | Allan Sandfeld Jensen <allan.jensen@qt.io> | 2019-03-05 17:34:47 +0100 |
---|---|---|
committer | Allan Sandfeld Jensen <allan.jensen@qt.io> | 2019-03-06 10:04:14 +0000 |
commit | eaf1da4d961fbbda9455f9af3b23d1af777f43fa (patch) | |
tree | 95970599ecee31c4f7f940bc97ac98c61a3d0cad /chromium/third_party/catapult/tracing/tracing/ui/tracks/cpu_usage_track.html | |
parent | 38a9a29f4f9436cace7f0e7abf9c586057df8a4e (diff) |
BASELINE: Update Chromium to 73.0.3683.64
Change-Id: I76517dc277ba4e16bfd7e098fda3d079656b3b9f
Reviewed-by: Michael BrĂ¼ning <michael.bruning@qt.io>
Diffstat (limited to 'chromium/third_party/catapult/tracing/tracing/ui/tracks/cpu_usage_track.html')
-rw-r--r-- | chromium/third_party/catapult/tracing/tracing/ui/tracks/cpu_usage_track.html | 91 |
1 files changed, 91 insertions, 0 deletions
diff --git a/chromium/third_party/catapult/tracing/tracing/ui/tracks/cpu_usage_track.html b/chromium/third_party/catapult/tracing/tracing/ui/tracks/cpu_usage_track.html new file mode 100644 index 00000000000..912220b8236 --- /dev/null +++ b/chromium/third_party/catapult/tracing/tracing/ui/tracks/cpu_usage_track.html @@ -0,0 +1,91 @@ +<!DOCTYPE html> +<!-- +Copyright 2016 The Chromium Authors. All rights reserved. +Use of this source code is governed by a BSD-style license that can be +found in the LICENSE file. +--> + +<link rel="import" href="/tracing/base/color_scheme.html"> +<link rel="import" href="/tracing/ui/base/ui.html"> +<link rel="import" href="/tracing/ui/tracks/chart_point.html"> +<link rel="import" href="/tracing/ui/tracks/chart_series.html"> +<link rel="import" href="/tracing/ui/tracks/chart_series_y_axis.html"> +<link rel="import" href="/tracing/ui/tracks/chart_track.html"> + +<style> +.cpu-usage-track { + height: 90px; +} +</style> + +<script> +'use strict'; + +tr.exportTo('tr.ui.tracks', function() { + const ColorScheme = tr.b.ColorScheme; + const ChartTrack = tr.ui.tracks.ChartTrack; + + /** + * A track that displays the cpu usage of a process. + * + * @constructor + * @extends {tr.ui.tracks.ChartTrack} + */ + const CpuUsageTrack = tr.ui.b.define('cpu-usage-track', ChartTrack); + + CpuUsageTrack.prototype = { + __proto__: ChartTrack.prototype, + + decorate(viewport) { + ChartTrack.prototype.decorate.call(this, viewport); + this.classList.add('cpu-usage-track'); + this.heading = 'CPU usage'; + this.cpuUsageSeries_ = undefined; + }, + + // Given a tr.Model, it creates a cpu usage series and a graph. + initialize(model) { + if (model !== undefined) { + this.cpuUsageSeries_ = model.device.cpuUsageSeries; + } else { + this.cpuUsageSeries_ = undefined; + } + this.series = this.buildChartSeries_(); + this.autoSetAllAxes({expandMax: true}); + }, + + get hasVisibleContent() { + return !!this.cpuUsageSeries_ && + this.cpuUsageSeries_.samples.length > 0; + }, + + addContainersToTrackMap(containerToTrackMap) { + containerToTrackMap.addContainer(this.series_, this); + }, + + buildChartSeries_(yAxis, color) { + if (!this.hasVisibleContent) return []; + + yAxis = new tr.ui.tracks.ChartSeriesYAxis(0, undefined); + const usageSamples = this.cpuUsageSeries_.samples; + const pts = new Array(usageSamples.length + 1); + for (let i = 0; i < usageSamples.length; i++) { + pts[i] = new tr.ui.tracks.ChartPoint(undefined, + usageSamples[i].start, usageSamples[i].usage); + } + pts[usageSamples.length] = new tr.ui.tracks.ChartPoint(undefined, + usageSamples[usageSamples.length - 1].start, 0); + const renderingConfig = { + chartType: tr.ui.tracks.ChartSeriesType.AREA, + colorId: color + }; + + return [new tr.ui.tracks.ChartSeries(pts, yAxis, renderingConfig)]; + }, + }; + + return { + CpuUsageTrack, + }; +}); +</script> |