[perf] Allow resizing the graph.
Change-Id: Ief97bc2a5dd36de179ec932072e6a106f655ddd2
Reviewed-on: https://skia-review.googlesource.com/c/buildbot/+/557389
Commit-Queue: Joe Gregorio <jcgregorio@google.com>
Reviewed-by: Ravi Mistry <rmistry@google.com>
diff --git a/perf/Makefile b/perf/Makefile
index 13f7fa1..a9e116a 100644
--- a/perf/Makefile
+++ b/perf/Makefile
@@ -151,7 +151,7 @@
# Run "bazel build //perf/..." after making any frontend changes to pick up the
# change without restarting the golang server.
run-local-instance:
- $(BAZEL) build //perf/go/perfserver:perfserver
+ $(BAZEL) build //perf/...
../_bazel_bin/perf/go/perfserver/perfserver_/perfserver frontend \
--local \
--do_clustering=false \
@@ -165,7 +165,7 @@
run-demo-instance:
- $(BAZEL) build //perf/go/perfserver:perfserver
+ $(BAZEL) build //perf/...
../_bazel_bin/perf/go/perfserver/perfserver_/perfserver ingest \
--local \
--config_filename=./configs/demo.json \
diff --git a/perf/modules/explore-sk/explore-sk.scss b/perf/modules/explore-sk/explore-sk.scss
index c8214bc..3d63213 100644
--- a/perf/modules/explore-sk/explore-sk.scss
+++ b/perf/modules/explore-sk/explore-sk.scss
@@ -99,7 +99,7 @@
#plot {
display: block;
- height: 400px;
+ height: 600px;
width: 100%;
}
diff --git a/perf/modules/explore-sk/explore-sk.ts b/perf/modules/explore-sk/explore-sk.ts
index 1f89787..edffc49 100644
--- a/perf/modules/explore-sk/explore-sk.ts
+++ b/perf/modules/explore-sk/explore-sk.ts
@@ -398,8 +398,6 @@
<div id=spin-overlay>
<plot-simple-sk
summary
- width=1200
- height=400
id=plot
@trace_selected=${ele.traceSelected}
@zoom=${ele.plotZoom}
diff --git a/perf/modules/plot-simple-sk/plot-simple-sk.scss b/perf/modules/plot-simple-sk/plot-simple-sk.scss
index d12f1b3..03a3c0b 100644
--- a/perf/modules/plot-simple-sk/plot-simple-sk.scss
+++ b/perf/modules/plot-simple-sk/plot-simple-sk.scss
@@ -1,4 +1,8 @@
plot-simple-sk {
+ resize: both;
+ overflow: hidden;
+ min-width: 200px;
+ min-height: 200px;
position: relative;
padding: 0;
border: 0;
diff --git a/perf/modules/plot-simple-sk/plot-simple-sk.ts b/perf/modules/plot-simple-sk/plot-simple-sk.ts
index 924d618..a20029a 100644
--- a/perf/modules/plot-simple-sk/plot-simple-sk.ts
+++ b/perf/modules/plot-simple-sk/plot-simple-sk.ts
@@ -736,6 +736,7 @@
const resizeObserver = new ResizeObserver((entries: ResizeObserverEntry[]) => {
entries.forEach((entry) => {
this.width = entry.contentRect.width;
+ this.height = entry.contentRect.height;
});
});
resizeObserver.observe(this);
