Use CSS to size plots instead of absolute position
This will make things a lot easier to resize and track. Absolute
positions are tough on other elements. Have the plot fill the whole
containing element.
Change-Id: I9463c86a723e257bf8c9b083b1a8dcc31a544604
Signed-off-by: Austin Schuh <austin.linux@gmail.com>
Signed-off-by: James Kuszmaul <jabukuszmaul@gmail.com>
diff --git a/aos/network/www/demo_plot.ts b/aos/network/www/demo_plot.ts
index cbd133a..ecd4da6 100644
--- a/aos/network/www/demo_plot.ts
+++ b/aos/network/www/demo_plot.ts
@@ -23,12 +23,12 @@
const height = AosPlotter.DEFAULT_HEIGHT;
const benchmarkDiv = document.createElement('div');
- benchmarkDiv.style.top = (height * 2).toString();
- benchmarkDiv.style.left = '0';
- benchmarkDiv.style.position = 'absolute';
+ benchmarkDiv.style.width = width.toString() + "px";
+ benchmarkDiv.style.height = height.toString() + "px";
+ benchmarkDiv.style.position = 'relative';
parentDiv.appendChild(benchmarkDiv);
- const benchmarkPlot = new Plot(benchmarkDiv, width, height);
+ const benchmarkPlot = new Plot(benchmarkDiv);
const aosPlotter = new AosPlotter(conn);