diff options
| -rw-r--r-- | website/app.js | 20 |
1 files changed, 18 insertions, 2 deletions
diff --git a/website/app.js b/website/app.js index 18d2899df..ed7d4baf2 100644 --- a/website/app.js +++ b/website/app.js @@ -1,5 +1,8 @@ // Copyright 2018-2019 the Deno authors. All rights reserved. MIT license. +// How much to multiply time values in order to process log graphs properly. +const TimeScaleFactor = 10000; + export async function getJson(path) { return (await fetch(path)).json(); } @@ -123,13 +126,22 @@ function generate( ) { const yAxis = { padding: { bottom: 0 }, - min: 0, label: yLabel }; if (yTickFormat) { yAxis.tick = { format: yTickFormat }; + if (yTickFormat == logScale) { + for (let col of columns) { + for (let i = 1; i < col.length; i++) { + if (col[i] == null) { + continue; + } + col[i] = Math.log10(col[i] * TimeScaleFactor); + } + } + } } // @ts-ignore @@ -150,6 +162,10 @@ function generate( }); } +function logScale(t) { + return (Math.pow(10, t) / TimeScaleFactor).toFixed(4); +} + function formatSecsAsMins(t) { // TODO use d3.round() const a = t % 60; @@ -204,7 +220,7 @@ export async function drawChartsFromBenchmarkData(dataUrl) { ); } - gen("#exec-time-chart", execTimeColumns, "seconds"); + gen("#exec-time-chart", execTimeColumns, "seconds", logScale); gen("#throughput-chart", throughputColumns, "seconds"); gen("#req-per-sec-chart", reqPerSecColumns, "1000 req/sec", formatReqSec); gen("#binary-size-chart", binarySizeColumns, "megabytes", formatMB); |